nicht angemeldet
Hui... wie geht das???
0 0 
Gernot Back
0
Hui... wie geht das???
Hallo, ich bin ein absoluter (aber lernwilliger Neuling!) in Sachen Webseitengestaltung!
Nun habe ich folgendes Anliegen. Ich betreibe die (werbefreie Spaß)Seite www.kaninchenfotos.de.
Hier wird monatlich das schönste Kaninchen gewählt. www.kaninchenfotos.de/kdm.htm
So, nun habe ich auf folgender Seite:
http://www.zooplus.de/app/WebObjects/ZooShop.woa%3FPG%3D910%26PID%3D10098
auf der rechten Seite einen tollen Effekt gesehen: Sie gehen mit der Maus auf das Bild, und es öffnet sich ein vergrößertes Bild. DAS - genau das!!! - will ich bei meinen Kaninchen gerne einbauen. Ich führe die Maus über die Bilder, und es geht ein kleines Fenster auf mit dem großen Bild.
Ich habe mir mal den Quelltext angeschaut, komm aber damit nicht klar. Wie geht so was? Wo muss ich denn was einbauen und was fürn Code?
Ich würde mich tierisch freuen, wenn Sie mir helfen könnten!!!!
Beste Grüße
Frank
-
Hi,
das passende Script ist unter http://www.zooplus.de/script/infobox.js zu finden und ein Blick in den Kopf dieser Datei sagt:
//
// Bubblehelp infoboxes, (C) 2002 Klaus Knopper infobox@knopper.net
// You can copy/modify and distribute this code under the conditions
// of the GNU GENERAL PUBLIC LICENSE Version 2.
//viel Spaß damit wünscht
Christoph Zurnieden
-
Hallo frank,
Hallo, ich bin ein absoluter (aber lernwilliger Neuling!) in Sachen Webseitengestaltung!
Nun habe ich folgendes Anliegen. Ich betreibe die (werbefreie Spaß)Seite www.kaninchenfotos.de.
Hier wird monatlich das schönste Kaninchen gewählt. http://www.kaninchenfotos.de/kdm.htm
Süß!
So, nun habe ich auf folgender Seite:
http://www.zooplus.de/app/WebObjects/ZooShop.woa%3FPG%3D910%26PID%3D10098
auf der rechten Seite einen tollen Effekt gesehen: Sie gehen mit der Maus auf das Bild, und es öffnet sich ein vergrößertes Bild. DAS - genau das!!! - will ich bei meinen Kaninchen gerne einbauen. Ich führe die Maus über die Bilder, und es geht ein kleines Fenster auf mit dem großen Bild.
Das eigentliche Skript steht hier:
view-source:http://www.zooplus.de/script/infobox.jsIn etwas abgespeckter Form (ohne Nachzeihen der BOX), geht das aber auch viel einfacher; OHNE Javascript. Vielleicht erbarmt sich ja einer und sucht dir einen passenden Link. Mit dem Stichwort "Infobox" könntest dir aber bei einer Suche hier im Forums-Archiv auch selbst weiterhelfen.
Gruß Gernot
-
Hi!
[...]
auf der rechten Seite einen tollen Effekt gesehen: Sie gehen mit der Maus auf das Bild, und es öffnet sich ein vergrößertes Bild. DAS - genau das!!! - will ich bei meinen Kaninchen gerne einbauen. Ich führe die Maus über die Bilder, und es geht ein kleines Fenster auf mit dem großen Bild.Ich habe mir mal den Quelltext angeschaut, komm aber damit nicht klar. Wie geht so was? Wo muss ich denn was einbauen und was fürn Code?
Das Javascript ist folgendes: http://www.zooplus.de/script/infobox.js Eingebunden wird dieses dann z.B. über
<head> <script type="text/javascript" src="infobox.js"></script> </head>Der Aufruf der Funktion erfolgt dann über die EventHandler onmouseover und onmouseout.
Das Beispiel aus der von dir zitierten Seite schaut dann z.B. so aus:
<TD onMouseOver="tip('Index')" onMouseOut="untip()" align="center"><a href="javascript:details('1/tunnel_10098_2_1.jpg')"><img border="0" src="/bilder/1/200/tunnel_10098_2_1.jpg"></a><BR><BR></TD>Grüße,
Fabian St.--
Meine Website: http://fabis-site.net
--> XHTML, CSS, PHP-Formmailer, Linux
---------------------
fabi@erde ~# whatis spam
spam: nothing appropriate
---------------------
Selfcode: ie:% fl:| br:^ va:) ls:& fo:) rl:( n4:° ss:| de:> js:| ch:| mo:) zu:)-
Vielen Dank für die tollen Infos! ich merke aber, dass das wohl ne Nummer zu hoch für mich ist! Wie gesagt: bin noch Anfänger!
Und der Quelltext ist für mich so nicht reproduzierbar. Weiß halt nicht, was ich wo und warum ersetzen muss.
LG
FrankDas Javascript ist folgendes: http://www.zooplus.de/script/infobox.js Eingebunden wird dieses dann z.B. über
<head>
<script type="text/javascript" src="infobox.js"></script>
</head>> > Der Aufruf der Funktion erfolgt dann über die EventHandler [onmouseover](http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseover) und [onmouseout](http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseover). > > Das Beispiel aus der von dir zitierten Seite schaut dann z.B. so aus: > > ~~~html > <TD onMouseOver="tip('Index')" onMouseOut="untip()" align="center"><a href="javascript:details('1/tunnel_10098_2_1.jpg')"><img border="0" src="/bilder/1/200/tunnel_10098_2_1.jpg"></a><BR><BR></TD> >Grüße,
Fabian St.-
Hallo frank,
Vielen Dank für die tollen Infos! ich merke aber, dass das wohl ne Nummer zu hoch für mich ist! Wie gesagt: bin noch Anfänger!
Hier gab es vor kurzem schon mal einen sehr brauchbaren Tipp:
http://forum.de.selfhtml.org/archiv/2005/4/t105714/#m653887
Gruß Gernot
-
-