PopUp Fenster onClick -> ohne weißen Rand und mit selbst definiertem Fensternamen

  • Themenstarter Themenstarter ines-stefanie
  • Beginndatum Beginndatum
I

ines-stefanie

Mein Wunsch/Problem:

Wenn ich auf ein Thumbnail meiner Bilderseite klicke, möchte ich dass sich ein neues Fenster öffnet. Ohne weißen Rand, also passend auf die Größe des zu öffnenden Bildes und mit passendem Fensternamen bzw Titel. Außerdem hätte ich gerne, dass wenn ich auf ein anderen Thumbnail auf der Bilderseite klicke, sich das neue Bild in dem selben (bereits geöffnetem) PopUp Fenster öffnet....


Hier meine Seite mit Problem. Es ist nur den ersten beiden Bilder die onClick Funktion zugewiesen.

Ich hoffe es ist nicht nötig für jedes Bild (ich hab ca 75) eine eigene html Seite zu erstellen.

Vielen Dank schon mal und ich hoffe ich hab mein Problem nachvollziehbar geschildert!
Ines Stefanie
 
Zuletzt bearbeitet von einem Moderator:
Hi,

vielleicht kannst Du mit diesem beiden Funktionen etwas anfangen (die erste öffnet ein Bild in einem PopUp und die zweite tauscht das Bild aus):
HTML:
var win = 0;

function openPic(imgname, w, h) {
    win = open("", "POPUP", "height="+h+", width="+w);
    win.document.open();
    with(win.document) {
        write('<html><head><title>POPUP</title></head>');
        write('<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">');
		write('<img name="img1" id="bigpic" src="' + imgname + '" width="'+w+'" height="'+h+'" alt="ALT">');
        write('</body></html>');
    }
    win.document.close();
}

function changePic(imgname) {
    win.document.getElementById("bigpic").src = imgname;
    win.focus();
}
dabei sollten die Bilder allerdings die gleichen Maße haben. Man könnte beim Bildwechsel die Größe des PopUps noch mit resizeTo/resizeBy ändern - vielleicht poste ich das nachher noch, wenn ich Zeit habe. ;)

Gruß

.
 

Neue Beiträge

Zurück