Galerie

Beitrag von **npage-user** » Mi 9. Mär 2011, 15:15

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]

Beitrag von **dungeon** » Mi 9. Mär 2011, 15:56

Meinst du evtl. eine Lightbox?
Also, das hier:
http://www.huddletogether.com/projects/lightbox2/

Beitrag von **julyjuly80** » Mi 9. Mär 2011, 16:46

Du kannst auch das schmalere script von der Brainbox nutzen.

http://www.the-netbrain.de/brainbox.htm

Ich selbst nutze sie auch.

Beitrag von **npage-user** » Do 10. Mär 2011, 19:03

dungeon hat geschrieben:Meinst du evtl. eine Lightbox?
Also, das hier:
http://www.huddletogether.com/projects/lightbox2/

Ja, so etwas meine ich! :K

Beitrag von **dungeon** » Do 10. Mär 2011, 19:48

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.

Beitrag von **npage-user** » Fr 11. Mär 2011, 18:34

Das sieht ja ziehmlich kompliziert aus ... [smilie=1hammer.gif]

Beitrag von **dungeon** » Sa 12. Mär 2011, 09:00

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.

HomepageHelfer.org

Galerie

Galerie

Re: Galerie

Re: Galerie

Re: Galerie

Re: Galerie

Re: Galerie

Re: Galerie

Wer ist online?