Lightbox2 Beispiele (Examples)


Lightbox mit Bildvorschau

Code: <a href="/sites/rakekniven.de/files/lightbox1.jpeg" rel="lightbox"><img alt="" src="/sites/rakekniven.de/files/lightbox1.jpeg" width="200" /></a>

Einfach ein Bild image #1

Code: <a href="/sites/rakekniven.de/files/lightbox1.jpeg" rel="lightbox">image #1</a> Bild mit Unterschrift image #1

Code: <a href="/sites/rakekniven.de/files/lightbox1.jpeg" rel="lightbox[][Yeah]">image #1</a>

Galerie mit 6 Bilder image #1 image #2 image #3 image #4 image #5 image #6

Code: <a href="/sites/rakekniven.de/files/lightbox1.jpeg" rel="lightbox[roadtrip][Ansichtsart]">image #1</a> <a href="/sites/rakekniven.de/files/lightbox2.jpeg" rel="lightbox[roadtrip][Yeah]">image #2</a> <a href="/sites/rakekniven.de/files/lightbox3.jpeg" rel="lightbox[roadtrip][Rock]">image #3</a> <a href="/sites/rakekniven.de/files/lightbox4.jpeg" rel="lightbox[roadtrip][Ding]">image #4</a> <a href="/sites/rakekniven.de/files/lightbox5.jpeg" rel="lightbox[roadtrip][Dong]">image #5</a> <a href="/sites/rakekniven.de/files/lightbox6.jpeg" rel="lightbox[roadtrip][Wooosch]">image #6</a>

Galerie mit 6 Bilder, nur eins auf dieser Seite image #1 image #2 image #3 image #4 image #5 image #6

Code: <a href="/sites/rakekniven.de/files/lightbox1.jpeg" rel="lightbox[roadtrip][Ansichtsart]">image #1</a> <a class="lightbox_hide_image" href="/sites/rakekniven.de/files/lightbox2.jpeg" rel="lightbox[roadtrip][Yeah]">image #2</a> <a class="lightbox_hide_image" href="/sites/rakekniven.de/files/lightbox3.jpeg" rel="lightbox[roadtrip][Rock]">image #3</a> <a class="lightbox_hide_image" href="/sites/rakekniven.de/files/lightbox4.jpeg" rel="lightbox[roadtrip][Ding]">image #4</a> <a class="lightbox_hide_image" href="/sites/rakekniven.de/files/lightbox5.jpeg" rel="lightbox[roadtrip][Dong]">image #5</a> <a class="lightbox_hide_image" href="/sites/rakekniven.de/files/lightbox6.jpeg" rel="lightbox[roadtrip][Wooosch]">image #6</a>

Slideshow mit 6 Bilder, nur eins auf dieser Seite image #1 image #2 image #3 image #4 image #5 image #6

Code: <a href="/sites/rakekniven.de/files/lightbox1.jpeg" rel="lightshow[roadtrip][Ansichtsart]">image #1</a> <a class="lightbox_hide_image" href="/sites/rakekniven.de/files/lightbox2.jpeg" rel="lightshow[roadtrip][Yeah]">image #2</a> <a class="lightbox_hide_image" href="/sites/rakekniven.de/files/lightbox3.jpeg" rel="lightshow[roadtrip][Rock]">image #3</a> <a class="lightbox_hide_image" href="/sites/rakekniven.de/files/lightbox4.jpeg" rel="lightshow[roadtrip][Ding]">image #4</a> <a class="lightbox_hide_image" href="/sites/rakekniven.de/files/lightbox5.jpeg" rel="lightshow[roadtrip][Dong]">image #5</a> <a class="lightbox_hide_image" href="/sites/rakekniven.de/files/lightbox6.jpeg" rel="lightshow[roadtrip][Wooosch]">image #6</a>