Js openwindow bildgrösse ermitteln

mikune

Hallo,

Ich lade mittelgrosse Bilder mit unterschiedlichen Grössen (Breite, Höhe) dynamisch per Javascript in einen Array und rufe sie per Klick auf Icons (verkleinerungen des Bildes) auf.

AUf jedem der neu geladenen mittelgrossen Bilder liegt ein Link, der eine ganz grosse Version des Bildes per openwindow aufruft.

Wie kann ich die Grösse der ganz grossen Bilder per Javascript ermitteln um das openwindow jeweils anzupassen.

Hab es so versucht, aber das tut nicht:

Code

function open_bild_l(gross_nr)
		{				


				bild_l = bilder_l[gross_nr].src;
				 var bildbreite = document.getElementById("bilder_l").style.width;

				 var bildhoehe = document.getElementById("bilder_l").style.height;		


				open_bild_l_Win = window.open(bild_l,'open_bild_l_Win','width=bildbreite,height=bildhoehe,resizeable=yes,scrollbars=yes');
				open_bild_l_Win.opener = self;
		}

Alles anzeigen

Das openwindow-Script ist ok, wenn ich für widt und height feste Werte eingebe...

Ronald

Moin!

Mit Javascript kannst du kein dynamisches HTML erzeugen, aber genau das bräuchtest du um die größe der Bilder zu ermitteln, bevor sie geladen werden.

Mach ein 2. Array (ggf. ein drittes) mit den Größen der Bilder und sprich dann beide gleichzeitig an, z.B.

Code

bilder = new array("bild_0.jpg","bild_1.jpg","bild_2.jpg","bild_3.jpg");
hoch = new array(500,900,850,600);
breit = new array(650,550,600,900);


function open_bild_l(b)
   {            
    b = bilder[b];
    w = breit[b];  
    h = hoch[b];  
    open_bild = window.open(b,"bilder","width="+w+",height="+h+",resizeable=yes,scrollbars=yes");
   }

Alles anzeigen

+++ ungetestet +++

G.a.d.M.

Ronald

Tags