Dateianhang Bilder aufpoppen lassen
Verfasst: 06.07.2012 15:30
Hey 
http://www.hellsing-anime.de/phpBB3/vie ... 54#p156754
Würde das gerne so haben das die Bilder die man als Dateianhang Hochläd,
Das wenn man sie anklickt sie in größer angezeigt werden...
Viele raffen nicht das man "Rechtsklick Bild in vollergröße in neuem Tab" Anklicken kann
Sowas halt wie Lightbox2: http://lokeshdhakar.com/projects/lightbox2/
Wie setze ich sowas um?
Also die schritte sind klar:
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
Css in die stylesheet.css aufnehmen
<link href="css/lightbox.css" rel="stylesheet" />
Aber Part 2...
Vor allem soll ja nur für die Datei Anhänge gelten...
Gruß Sven
http://www.hellsing-anime.de/phpBB3/vie ... 54#p156754
Würde das gerne so haben das die Bilder die man als Dateianhang Hochläd,
Das wenn man sie anklickt sie in größer angezeigt werden...
Viele raffen nicht das man "Rechtsklick Bild in vollergröße in neuem Tab" Anklicken kann
Sowas halt wie Lightbox2: http://lokeshdhakar.com/projects/lightbox2/
Wie setze ich sowas um?
Also die schritte sind klar:
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
Css in die stylesheet.css aufnehmen
<link href="css/lightbox.css" rel="stylesheet" />
Aber Part 2...
Add a rel="lightbox" attribute to any link tag to activate Lightbox.
Code: Alles auswählen
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>Optional: Use the title attribute if you want to show a caption.
If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute.
Code: Alles auswählen
<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>
Gruß Sven