Heute bin ich über ein nettes JS Tool gestolpert. Nicht wirklich nötig, aber eine nette Spielerei.
Das ganze nennt sich Lightbox und damit kann man Bilder schönner anzeigen lassen. Ein kleines Beispiel auf meiner Seite. einfach auf ein Bild klicken. Damit kann man mehrere Bilder einfach ansehen, ohne immer wieder zurück auf die Ausgangsseite zu müssen.
Eingebunden ist es relativ einfach.
Man muss die folgenden JavaScript Files einbinden:
Das CSS File:
Ein Bild wird nun so dargestellt:
Zudem kann man noch Gruppen machen:
Das ganze kann man auch auf der offiziellen Homepage nachlesen: Lightbox - How to use
Das ganze nennt sich Lightbox und damit kann man Bilder schönner anzeigen lassen. Ein kleines Beispiel auf meiner Seite. einfach auf ein Bild klicken. Damit kann man mehrere Bilder einfach ansehen, ohne immer wieder zurück auf die Ausgangsseite zu müssen.
Eingebunden ist es relativ einfach.
Man muss die folgenden JavaScript Files einbinden:
<script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/lightbox.js"></script>
Das CSS File:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
Ein Bild wird nun so dargestellt:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Zudem kann man noch Gruppen machen:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a> <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a> <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
Das ganze kann man auch auf der offiziellen Homepage nachlesen: Lightbox - How to use