Visi ne karta internete esat mate toki efekta:
paspaudi ant nuotraukos, visas ekranas uztemsta ir isdideja paspausta nuotrauka.
Efekto panaudojimo pavyzdi galit rasti www.wrt.lt svetaineje
Sis efektas vadinasi lightbox ir su jQuery ji lengvai galima padaryti:
Taigi pluginas, kuris sukuria lightbox'a:
Pradziai reikia parsisiusti jquery bibltioteka ir jQuery lightbox archyva su javascript failais, css ir pavyzdziais:
siustisParsisiusntus iterpti javascript failus i savo HTML dokumenta:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>Tada reikia iterpti lightbox'ui skirta CSS\'sa:
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />Naudojimas:
nereikia kazkokiu papildomu kodu, tiesiog naudokite lankscia jQuery selektoriu sistema
Paveikslelio HTML pavyzdys:
<a href="image1.jpg"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a>Kai nuorodos su paveiksleliais paruostos, stai keli pavyzdziai kaip iskviesti lightbox plugina:
<script type="text/javascript">
$(function() {
$('a[@rel*=lightbox]').lightBox(); // surenka visas nuorodas, kuriose atributo rel reiksme yra lightbox
$('#galerija a').lightBox(); // surenka visus linkus su galerija ID
$('a.lightbox').lightBox(); // surenka visus linkus su klase lightbox
$('a').lightBox(); // surenka visus puslapio linkus
// galite naudoti ir kitokius selektorius, tai tik pavyzdziai ;]
});
</script>plugino adresas: linkas
jQuery adresas: linkas
archyvas su jQuery biblioteka, lightbox css, javascript failais ir kt:
siustis
