lofot: PopUps bei Galerie sollen sich der größe anpassen

Beitrag lesen

Hallo,

ich habe folgendes Problem, ich habe eine Galerie erstellt, in der sich Waagerechte und Hochkant-Fotos befinden.

Durch klick auf das Thumbnail öffnet sich ein Popup mit dem Bild zum Beispiel wie gewünscht im Hochkantformat. Wenn ich das Popup nicht schließe, sondern auf das nächste Waagerechte Thumbnail klicke, wird das schon geöffnete PopUp neu geladen und darin das waagerechte Bild geladen, allerdings fehlt jetzt ein Teil des Bildes und unten ist noch die Länge des Hochkantfotos zu sehen.

Wie schaffe ich das jeweils die größe des Popups automatisch angepasst wird, auch wenn das Popup nicht geschlossen wird:

Hier der Quellcode der Galerie-Seite:
<p align="center"><a href="#" onClick="NewWindow=window.open('../popups/fotos/katze00_neu.htm', 'NewWindows', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=385,height=470,left=100,top=90'); return false; "><img border="0" src="../popups/thumbs/katzen00.jpg" width="75" height="100"></p>

<p align="center"><a href="#" onClick="NewWindow=window.open('../popups/fotos/katze01_neu.htm', 'NewWindows', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=468,height=368,left=100,top=90'); return false; "><img border="0" src="../popups/thumbs/katzen01.jpg" width="100" height="75"></p>

<p align="center"><a href="#" onClick="NewWindow=window.open('../popups/fotos/katze02_neu.htm', 'NewWindows', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=385,height=470,left=100,top=90'); return false; "><img border="0" src="../popups/thumbs/katzen02.jpg" width="75" height="100"></p>

<p align="center"><a href="#" onClick="NewWindow=window.open('../popups/fotos/katze03_neu.htm', 'NewWindows', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=385,height=470,left=100,top=90'); return false; "><img border="0" src="../popups/thumbs/katzen03.jpg" width="75" height="100"></p>

<p align="center"><a href="#" onClick="NewWindow=window.open('../popups/fotos/katze04_neu.htm', 'NewWindows', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=468,height=368,left=100,top=90'); return false; "><img border="0" src="../popups/thumbs/katzen04.jpg" width="100" height="75"></p>

<p align="center"><a href="#" onClick="NewWindow=window.open('../popups/fotos/katze05_neu.htm', 'NewWindows', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=468,height=368,left=100,top=90'); return false; "><img border="0" src="../popups/thumbs/katzen05.jpg" width="100" height="75"></p>

<p align="center"><a href="#" onClick="NewWindow=window.open('../popups/fotos/katze06_neu.htm', 'NewWindows', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=468,height=368,left=100,top=90'); return false; "><img border="0" src="../popups/thumbs/katzen06.jpg" width="100" height="75"></p>

<p align="center"><a href="#" onClick="NewWindow=window.open('../popups/fotos/katze07_neu.htm', 'NewWindows', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=467,height=368,left=100,top=90'); return false; "><img border="0" src="../popups/thumbs/katzen07.jpg" width="100" height="75"></p>

<p align="center"><a href="#" onClick="NewWindow=window.open('../popups/fotos/katze08_neu.htm', 'NewWindows', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=467px,height=368px,left=100,top=90'); return false; "><img border="0" src="../popups/thumbs/katzen08.jpg" width="100" height="75"></p>

Danke schon mal für Eure Hilfe!