nicht angemeldet
Fenstergröße festlegen nach Img-Link
Hey there,
Ich hab n dickes Problem:
Ich hab nen Link auf meiner site in den ein Bild eingebunden ist. Also wenn man auf das Image glickt wird man zu nem neuen Fenster geleitet. Nun soll das Fenster aber ne ganz bestimmte Größe haben. Geht das? Ich hab mir diese JavaScript Vorschläge schon angeschaut, aber da wird nur über Text verlinkt und nicht durch ein Bild!
Help me! Please.
-
Hallo!
Also, du nimmst das folgende Javascript und bindest es wie folgt ein:
zwischen den <head>-tags ein:<script src="popup.js" type="text/javascript"></script>
und dann mittels
<a href="javascript:ImageWindow('bild.jpg','Name des Fensters',Breite,Höhe);"><img src="thumb_bild.jpg" width="xxx" height="xxx" alt="xxx" border="0"></a>
aufrufen - fertig!
bei Fragen oder so, nochmal melden!
Simon
script:
-------function ImageWindow(theURL,ImgName,xSize,ySize) {
if (ImgName == '') ImgName = theURL.substring(theURL.lastIndexOf('/')+1,theURL.lastIndexOf('.')).replace(/_/," ");
var Imgsrc = theURL;
var popup = window.open(Imgsrc,"Dummy",'width='+xSize+',height='+ySize+',left=200,resizable=no,top=150,location=no,screenX=0,screenY=0,dependent=yes,toolbar=no,status=no,menubar=no,scrollbar=no');
popup.resizeTo(xSize+10,ySize+29);
popup.document.write('<html><head><title>');
popup.document.write(ImgName);
popup.document.write('</title><link rel="STYLESHEET" type="text/css" href="bilder.css"></head>');
popup.document.write('<body bgcolor="#000000">');
popup.document.write('<img src=" '+Imgsrc+'" alt="" border="0" onClick="self.close()" ');
popup.document.write('</body></html>');
popup.focus();
if( navigator.appName.substring(0,8) == "Netscape" ){//sonst sieht man in NS nix!
popup.location = Imgsrc;
popup.resizeTo(xSize+15,ySize+15);
}
}-
Hallo!
bei Fragen oder so, nochmal melden!------->Vielen Dank, das werd ich versuchen, aber brauch ich dafür nicht die popup.js datei?
-
hallo!
also die popup.js machst du so:
kopieren das script in eine leere textdatei und speichere es als popup.js ab. binde es wie beschrieben im head-tag ein (<script src="popup.js" type="text/javascript"></script>). der pfad zur popup.js muss natürlich stimmen.
huuups, die bilder css sieht wie folgt aus:
body{
padding:0pt;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
overflow: auto;
}auch einfach wieder text kopieren, in leere txt datei stecken und als bilder.css abspeichern.
du brauchst im script nur den pfad für die bilder.css datei anpassen - mehr nicht! dann rufst du das script in der html auf: <a href="javascript:ImageWindow( ...
dass war's!
simon
-
Hallo zusammen,
dann rufst du das script in der html auf: <a href="javascript:ImageWindow( ...
Nein, bitte nicht!
Ein JS-Aufruf sollte im entsprechenden Event-Handler stattfinden. Zudem ist
javascript: überflüssigGrüße
David--
>>Nobody will ever need more than 640k RAM!<<
1981 Bill Gates-
Hallo zusammen,
javascript: überflüssigGrüße
David--------->danke, aber warum ist javascript den überflüssig? gehts denn auch anders. wäre interessant zu hören wie sowas ausehen würde. Also wenn du mehr weisst würd ich mich drüber freuen.
Danke.Ciao Max
-
Hallo Max,
warum ist javascript den überflüssig?
Schaut du hier: http://home.t-online.de/home/dj5nu/js-popup.html#javascriptlink
gehts denn auch anders.
Wie ich schrieb: verwende den event-Hander.
wäre interessant zu hören wie sowas ausehen würde
Auf der genannten Seite ist das ganze einmal durchgekaut. Ist IMHO empfehlenswert das einmal ganz durchzulesen.
Grüße
David--
>>Nobody will ever need more than 640k RAM!<<
1981 Bill Gates
-
-
-
-
-
Hallo!
bei Fragen oder so, nochmal melden!-------->Ach, noch was: Brauch ich da nicht auch noch ausser der .js ne bilder.css? Und: Muss ich im script, also nach
"script:
--------" bzw. "function ImageWindow(theURL,ImgName,xSize,ySize) {" noch was verändern? Danke nochmal. Ich hoffe das klappt.
-