Popup Bilder

krimecing · 7. Januar 2008

Hallo liebe Mitglieder, baue gerade an einem Dokument:
http://www1.picfront.org/picture/RuWglH2jcSB/img/hinterg.03.jpg

Wo Bilder im eigenen Fenster aufgehen, mein code sieht so aus:

Code:

<div id="layer" style="position:absolute; left:240px; top:120px; z-index:1">

<span style="font-size: 1.5em">SH-3434</span><br><br>
	<a href"#" onClick="window.open('../img/technics/technics.sh-3434.01.jpg','Name','toolbar=no,status=no,menubar=yes,width=820,height=520')"><img src="../img/technics/technics.sh-3434.01b.jpg" border="1"/></a>
	<a href"#" onClick="window.open('../img/technics/technics.sh-3434.02.jpg','Name','toolbar=no,status=no,menubar=yes,width=820,height=520')"><img src="../img/technics/technics.sh-3434.02b.jpg" border="1" /></a>
</div>

Im grunde habe ich die Wünsche :suspekt: :

1. Fenster soll an meiner vorgegebener stelle öffnen
2. Wenn ich ein Bild geöffnet habe und drauf klicke das ich zum nächsten wechseln kann
3. Rollover Effect, wenn ich über ein kleines Bild fahre, geht das auch?
4. Das sich das Popup Fenster dem Bild anpasst [nur bei FF?]

Würde mich sehr über Hilfe freuen

crazymischl · 10. Januar 2008

krimecing hat gesagt.:
1. Fenster soll an meiner vorgegebener stelle öffnen

Das machst du mit

Code:

right=xx

(horizontaler Wert (in Pixel)) und

Code:

top=xx

(vertikaler Wert (in Pixel))

krimecing hat gesagt.:
2. Wenn ich ein Bild geöffnet habe und drauf klicke das ich zum nächsten wechseln kann

Wieviele Bilder sind es denn? sonst mach doch für jedes Bild eine kleine html-seite, in der du das Bild als href einbindest

HTML:

<a href="nextesbild.jpg"><img src="aktuellesbild.jpg"></a>

krimecing hat gesagt.:
3. Rollover Effect, wenn ich über ein kleines Bild fahre, geht das auch?

Was meinst du genau damit? wie soll das bild dann aussehen?

krimecing hat gesagt.:
4. Das sich das Popup Fenster dem Bild anpasst [nur bei FF?]

Entweder machst du wie oben genannt ne kleine html-seite, in der du das Bild dann die größe angeben kannst, oder vllt hilft dir auch dieses script von hier weiter. (Post 7)

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<script type="text/JavaScript" language="JavaScript"> 
function popUpImg(img) {
   myImg = new Image();
   myImg.src = img;
   var width = myImg.width;
   var height = myImg.height;
   imgWin = window.open('', 'imgWinName', 'width=' + width + ', height=' + height);
 
   with (imgWin.document) {
      open();
      write('<html>');
      write(' <head>');
      write(' <title>imgWin</title>');
      write(' </head>');
      write(' <body style="margin: 0px;" onLoad="self.focus();">');
      write(' <a href="" onClick="javascript:self.close()">')
      write(' <img src="' + img + '" alt="popUpImage" title="popUpImage" border="0"></a>');
      write(' </body>');
      write('</html>');
      close();
   }
}
</script>
</head>

<body>

    <a href="javascript: popUpImg(1.jpg')"><img src="deinbild.jpg"></a>

</body>
</html>

Popup Bilder

krimecing

Grünschnabel

Anhänge

crazymischl

Erfahrenes Mitglied

Neue Beiträge