Použitie Faceboxu

tomas masek
Dátum a čas 27. 08. 2008, 10:40 E-mail masek [a] altamira.sk

Ano, highslide je tiez pekny, dik za tip, mozno to tu spomeniem v clanku ;)

Max
Dátum a čas 27. 08. 2008, 00:35 E-mail max.lv [a] centrum.sk

Pekná vec. HighSlide ale vyzerá lepšie a má viac možností zobrazovania. http://highslide.com/

naspäť

Pridať komentár

_{Náhľad článku}

Použitie Faceboxu

Facebook je in, kto tam není není cool. Odhliadnúc od neuveriteľnej pomalosti celého Facebooku, vyskytnú sa tam aj dobré fičúrinky, ako je napríklad Facebox. To je to javascriptové okienko, ktoré vyskočí napríklad keď si pridávate do profilu priateľa. Je ľahko napojiteľné na ajaxové funkcie, ale hlavne je efektné.
Implementácia Faceboxu je relatívne jednoduchá. V prvom rade však vyžaduje knižnicu jQuery.js – http://jquery.com/

<script type="text/javascript" src="jquery.js"></script>
<link href="css/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="facebox.js" type="text/javascript"></script>

V prvom kroku musíme nahrať jQuery knižnicu, na ktorej je funkčnosť Faceboxu závislá. Potom nahráme CSS súbor, kde je definovaný výzor Faceboxu. Teda je veľmi jednoduché si ho ľubovoľne upraviť. Nuž a nakoniec samotný JS Facebox. Všetky tieto JS a CSS musia byť vložené v HLAVIČKE stránky!

Samotné použitie je potom veľmi jednoduché a je tu viacero možností.

Zavolanie faceboxu javascriptom

jQuery.facebox('Obsah faceboxu');

Zavolanie faceboxu kliknutím na linku

<a href="#contact" rel="facebox">linka</a>

Pričom ‚#contact‘ je ID DIV elementu, ktorého obsah je vo Faceboxe zobrazený.

Možností je viacero, tieto najviac používam. Pre ďalšie info pozri http://famspam.com/facebox.