Hi all,
wie schaffe ich es dass mein FireFox die richtige Bildgröße erkennt, anstatt nur für Höhe und Breite jeweils 0 ?
Ich muss das Bild erst im Hintergrund laden damit es im cache ist, dann erkennt er es richtig.
Ich will jetzt aber abhängig von der Bildgröße unterschiedliche funktionen ausführen. Die eine soll alle bilder >= ca 200px auf 50% stauchen und die andere soll nichts verändern.
folgende funktion habe ich:
function loadPic(href)
{
var picURL = "http://www.site.extra.hu/Fun/Pics/"; // Pfad zu den Videos
var pics = new Array();
var picNum = false;
var loadPic = '';
pics[1] = "EURO%202008/Kreuzlingen%201.jpg";
pics[2] = "EURO%202008/Kreuzlingen%202.jpg";
pics[3] = "faildog.gif";
pics[4] = "pingu.gif";
pics[5] = "Carina%20Nebula.jpg";
pics[6] = "Orion%20Nebula.jpg";
// angefordertes Bild ermitteln
if (href && href.match(/(\?|&)pic=\d+/i))
{
// gültiges Linkziel gefunden
picNum = href.replace(/^.*(\?|&)pic=(\d+).*/i, "$2");
}
if (picNum && pics[picNum])
{
// URL zum Bild
loadPic = picURL + pics[picNum];
if (loadPic.width <= '200px')
{
document.getElementById('player').innerHTML="<img src='"+loadPic+"'></embed>";
window.scrollTo(0,0);
}
else
{
document.getElementById('player').innerHTML="<img src='"+loadPic+"' width='50%'></embed>";
window.scrollTo(0,0);
}
}
}
hat jdn eine idee wie ich das am elegantesten löse?
ich muss die datei ja irgendwie in den cache laden oder mit onload arbeiten, aber habs bis jetzt nicht hingekriegt.
vielen dank im voraus.
grüße
kointa