Ja, ist kompatibel mit allen gängigen und auch älteren Browsern.
Genau, du lädst es runter, entpackst es und verteilst es auf deine Ordnerstruktur. Im head deines Websitedocuments fügst du (wenn du jQuery selbst schon integriert hast) einfach noch
HTML-Code:
<script src="js/lightbox.js"></script>
ein (wobei natürlich der Pfad zu beachten ist
) und ebenso noch das Stylesheet
HTML-Code:
<link href="css/lightbox.css" rel="stylesheet" />
Wenn du nun die Bilder in die Seite einbaust, dann nicht als img-Tag, sondern als Link, genauer "Anchor-Tag", also <a> und in den Tag kommt ein ein "rel="lightbox"", das bewirkt, dass, wenn der User das Bild anklickt, das lightbox-Script anspringt und die weitere Anzeige übernimmt. Jedes deiner Bilder wird also nicht einfach als Bild eingebunden, sondern als Link, wobei du ja zwischen den <a>-Tags noch ein Thumbnail als Vorschaubild anführen kannst (macht ja Sinn, damit der User sieht, auf was er klicken soll
)
Also Beispiel:
HTML-Code:
<a href="images/meinbild.jpg" rel="lightbox" title="my caption">
<img alt="thumb" src="images/meinbild_thumb.jpg">
</a>
Viel Spaß damit