Galerie
Moderator: HTML-Laie
- npage-user
- Webmaster Alt Meister
- Beiträge: 1277
- Registriert: Sa 19. Feb 2011, 08:53
- Mein Vorname: Michael
- Wohnort: Haßloch (Rheinland-Pfalz)
- Kontaktdaten:
Galerie
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]
- dungeon
- Erfahrener Webmaster
- Beiträge: 274
- Registriert: Di 8. Jun 2010, 14:07
- Mein Vorname: Tim
- Kontaktdaten:
- julyjuly80
- Neues Mitglied
- Beiträge: 3
- Registriert: Di 17. Aug 2010, 22:39
- Mein Vorname: july
Re: Galerie
Du kannst auch das schmalere script von der Brainbox nutzen.
http://www.the-netbrain.de/brainbox.htm
Ich selbst nutze sie auch.
http://www.the-netbrain.de/brainbox.htm
Ich selbst nutze sie auch.
- npage-user
- Webmaster Alt Meister
- Beiträge: 1277
- Registriert: Sa 19. Feb 2011, 08:53
- Mein Vorname: Michael
- Wohnort: Haßloch (Rheinland-Pfalz)
- Kontaktdaten:
Re: Galerie
Ja, so etwas meine ich! :Kdungeon hat geschrieben:Meinst du evtl. eine Lightbox?
Also, das hier:
http://www.huddletogether.com/projects/lightbox2/
- dungeon
- Erfahrener Webmaster
- Beiträge: 274
- Registriert: Di 8. Jun 2010, 14:07
- Mein Vorname: Tim
- Kontaktdaten:
Re: Galerie
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:
Nun musst du jedes Bild, dass so geöffnet werden soll, im Quelltext so einfügen:
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:
Dann kann man durch die Bilder mit dem Next durchwandern.
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" />
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>
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>
- npage-user
- Webmaster Alt Meister
- Beiträge: 1277
- Registriert: Sa 19. Feb 2011, 08:53
- Mein Vorname: Michael
- Wohnort: Haßloch (Rheinland-Pfalz)
- Kontaktdaten:
Re: Galerie
Das sieht ja ziehmlich kompliziert aus ... [smilie=1hammer.gif]
- dungeon
- Erfahrener Webmaster
- Beiträge: 274
- Registriert: Di 8. Jun 2010, 14:07
- Mein Vorname: Tim
- Kontaktdaten:
Re: Galerie
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.
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste