über Javascript Bilder laden, größe feststellen und absolut positionieren

Biergamasda

Erfahrenes Mitglied
Hi leute.

Bin schon länger auf der Suche nach etwas derartigem, jedoch hab ich da noch nichts passendes gefunden.

Und zwar gibts eine Galerie mit Thumbnails. Diese Thumbnails werden wie gewohnt alle auf einmal angezeigt. Bei klick auf ein Thumbnail soll das entsprechende Bild in Großformat angezeigt werden. Gedacht ist, dass ich das Bild in einem absolut positionierten div Container anzeige. Mein Problem is jetz, dass ich die Größe des Bildes nicht auslesen kann, bzw nicht weis, wie.

Des Weiteren sollte auch so ne Art Progress Bar angezeigt werden, während das Bild lädt, leider auch da keine Ahnung wie das funktioniert. (Dazu hab ich jedoch nocht nix gegoogelt)

Vielen Dank schon mal im Voraus

glg
 
Nun ja... den ersten Teil der Geschichte hab ich...

Javascript:
elem = document.createElement("div");
elem.innerHTML = "<img src='./galleries/" + gallery + "/" + img + "' id='zoomImg' onload='alert(this.width)'>";

fehlt nur noch die progress bar :)
 

Neue Beiträge

Zurück