Seite 1 von 1
Galerie
Verfasst: Mi 9. Mär 2011, 15:15
von npage-user
Hallo! Hat jemand einen Code für eine Galerie, bei der man auf das Foto klickt und bei der dann ein Kasten erscheint (Möglichst in grün, orange und rot). Ich würde so etwas nämlich gerne auf einige Textseiten einbinden. [smilie=flushdown.gif]
Re: Galerie
Verfasst: Mi 9. Mär 2011, 15:56
von dungeon
Re: Galerie
Verfasst: Mi 9. Mär 2011, 16:46
von julyjuly80
Du kannst auch das schmalere script von der Brainbox nutzen.
http://www.the-netbrain.de/brainbox.htm
Ich selbst nutze sie auch.
Re: Galerie
Verfasst: Do 10. Mär 2011, 19:03
von npage-user
Ja, so etwas meine ich! :K
Re: Galerie
Verfasst: Do 10. Mär 2011, 19:48
von dungeon
Mit der Brainbox kenne ich mich nicht so aus, mit der Lightbox ists aber ganz einfach:
Dann fügst du z.B. im eigenen Design in den <head>-Bereich oder, wenn du kein eigenes hast, in die Headereinstellungen diesen Code ein:
Code: Alles auswählen
<script type="text/javascript" src="http://jabberwack.square7.ch/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="http://jabberwack.square7.ch/lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://jabberwack.square7.ch/lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="http://jabberwack.square7.ch/lightbox/css/lightbox.css" type="text/css" media="screen" />
Nun musst du jedes Bild, dass so geöffnet werden soll, im Quelltext so einfügen:
Code: Alles auswählen
<a href="URL des Bildes" rel="lightbox" title="Titel, der unter dem Bild angezeigt werden soll"><img src="URL des Bildes" alt=""></a>
Wenn du bei einer Reihe von Bildern dem Nutzer ermöglichen willst, zum nächsten Bild zu gehen, ohne das er den Popup wieder schließen musst, dann musst du statt rel="lightbox" z.B. rel="lightbox[ausflug]" bei jedem der Bilder einfügen. Also:
Code: Alles auswählen
<a href="URL des Bildes" rel="lightbox[ausflug]" title="Titel, der unter dem Bild angezeigt werden soll"><img src="URL des Bildes" alt=""></a>
<a href="URL des Bildes" rel="lightbox[ausflug]" title="Titel, der unter dem Bild angezeigt werden soll"><img src="URL des Bildes" alt=""></a>
<a href="URL des Bildes" rel="lightbox[ausflug]" title="Titel, der unter dem Bild angezeigt werden soll"><img src="URL des Bildes" alt=""></a>
<a href="URL des Bildes" rel="lightbox[ausflug]" title="Titel, der unter dem Bild angezeigt werden soll"><img src="URL des Bildes" alt=""></a>
Dann kann man durch die Bilder mit dem Next durchwandern.
Re: Galerie
Verfasst: Fr 11. Mär 2011, 18:34
von npage-user
Das sieht ja ziehmlich kompliziert aus ... [smilie=1hammer.gif]
Re: Galerie
Verfasst: Sa 12. Mär 2011, 09:00
von dungeon
Ists eigentlich nicht, du musst nur oben im Header die Bibliothek (Also das ganze oben) einbinden und dann jedem Link sagen, dass er sich nicht auf ne neue Seite, sondern in dem Lightboxfenster öffnen soll, und zwar mit rel="lightbox" als Attribut.