ObrBOX
ObrBOX je skript, který umožňuje zobrazování obrázků na webu v imaginárním novém okně. Jeho výhodou je především jednoduchost a malá velikost.
Jelikož nevyužívá žádné knihovny, je jeho velikost minimální oproti podobným skriptům. V porovnání se známým Lightboxem je obrBOX 4× menší.
Použití
Jeho použití je velmi jednoduché. Do svého CSS souboru přidáte následující kód (velikost a druh písma si můžete upravit). Nutné je také upravit cestu k obrázku preloaderu:
#obrBOX_zavoj {position:absolute;top:0px;left:0px;z-index:90;width:100%;height:100%;background:#000;opacity:0.7;}
#obrBOX_okno {display:block;position:absolute;top:50%;left:50%;margin:auto;z-index:100;background:#fff;}
#obrBOX_obrazek img {margin:5px;}
#obrBOX_lista {display:block;color:#000;margin:5px;margin-bottom:0px;text-align:right;font-family:Verdana,sans-serif;font-size:80%;font-weight:bold;}
#obrBOX_lista span {float:left;padding:3px;}
#obrBOX_lista a {float:right;font-size:110%;text-decoration:none;padding:3px;color:#000;}
#obrBOX_schovka {display:none;text-align:center;}
a.obrbox {position:relative}
span.nacitani {position:absolute;top:0px;left:0px;width:100%;;height:100%;background:url('preloader.gif') center center no-repeat;}
Do hlavičky všech stránek, kde chcete obrBOX použít, umístěte kód pro vložení javascriptu (cestu upravte, aby odpovídala):
<script type="text/javascript" src="obrbox.js"></script>
Ke všem odkazům, kterými chcete obrBOX spustit přidejte třídu obrbox a nasměrujte je na požadovaný obrázek (title, který nastavíte se zobrazí jako popis obrázku v obrBOXu):
<a href="obrazky/1.jpg" class="obrbox" title="Zimní krajina">
Zdarma stáhnout verzi 1.1
ObrBOX si můžete stáhnout a použít na vašem webu zcela zdarma. Jediné, co požaduji je zachování hlavičky skriptu, kde je uvedeno mé jméno a odkaz na tuto stránku. Pak budete ještě potřebovat samotný obrázek preloaderu. Můžete si vytvořit vlastní a nebo si stáhnout tento základní.
Weby využívající ObrBOX
Jelikož ObrBOX není a nepředpokládám, že bude nějak hojně využívaný, uveřejním zde seznam webů, na kterých je použit. Pokud náhodou ObrBOX používáte a chcete být na tomto seznamu, neváhejte mě kontaktovat.
- www.yfang.name - využívám na tomto webu mírně poupravenou verzi 1.1
Ukázka
