Lightbox 2
Napsal: 26 led 2010 14:17
Celkový pohled
Toto je překlad ze stránky http://www.lokeshdhakar.com/projects/lightbox2/
Lightbox je jednoduchý, skromný skript užívaný pro zbázornění obrazků na aktuální stránce.
1. Lightbox 2 užívá rámec modelu a Scriptaculous Effects knihovny. Budete potřebovat zahrnout tyto tři Javascript soubory ve vaší hlavičce (v tomto pořadí).
2. Zahrňte Lightbox CSS soubor (či přidejte váš aktivní stylesheet s Lightbox styly).
3. Kontrola CSS jestliže ujistí se, že zmíněný předejít.gif a další.gif souborům jsou ve správné umístění. Také, ujistit se, že loading.gif a close.gif souborů jak zmíněný blízko vrcholu lightbox.js souboru jsou ve správné umístění.
Aktivace
1. Přidejte rel="lightbox" atribut každý spojovací připevněte k lightbox
2. Jestli máte sadu souvisejících obrazků, které byste jste chtěli seskupit, následovat jeden ale dodatečně zahrnout jméno skupiny mezi hranatými závorkami v rel atributu.
Žádné omezení počtu obrázků, nastavuje na stránku obrázky kolik potřebujete...
Více na této stránce: http://www.lokeshdhakar.com/projects/lightbox2/
Tady můžete stáhnout Lightbox v2.04: http://www.lokeshdhakar.com/projects/lightbox2/releases/lightbox2.04.zip
Toto je překlad ze stránky http://www.lokeshdhakar.com/projects/lightbox2/
Lightbox je jednoduchý, skromný skript užívaný pro zbázornění obrazků na aktuální stránce.
1. Lightbox 2 užívá rámec modelu a Scriptaculous Effects knihovny. Budete potřebovat zahrnout tyto tři Javascript soubory ve vaší hlavičce (v tomto pořadí).
Kód: Vybrat vše
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
2. Zahrňte Lightbox CSS soubor (či přidejte váš aktivní stylesheet s Lightbox styly).
Kód: Vybrat vše
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
3. Kontrola CSS jestliže ujistí se, že zmíněný předejít.gif a další.gif souborům jsou ve správné umístění. Také, ujistit se, že loading.gif a close.gif souborů jak zmíněný blízko vrcholu lightbox.js souboru jsou ve správné umístění.
Aktivace
1. Přidejte rel="lightbox" atribut každý spojovací připevněte k lightbox
Kód: Vybrat vše
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
2. Jestli máte sadu souvisejících obrazků, které byste jste chtěli seskupit, následovat jeden ale dodatečně zahrnout jméno skupiny mezi hranatými závorkami v rel atributu.
Kód: Vybrat vše
<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>
Žádné omezení počtu obrázků, nastavuje na stránku obrázky kolik potřebujete...
Více na této stránce: http://www.lokeshdhakar.com/projects/lightbox2/
Tady můžete stáhnout Lightbox v2.04: http://www.lokeshdhakar.com/projects/lightbox2/releases/lightbox2.04.zip