ik...
$('a.lightbox').lig
htBox(); // Minden link, amely Dating ght
on
// ... A lehetÅ‘ség száma rengeteg. Használd kreatÃvitásod vagy a fenti példák bármelyikét.
});
</script>
A plugin néhány beállÃtási lehetÅ‘sége a meghÃváskor testreszabható, a konfigurációs értékeket a függvény paramétereként egy hash-ben adhatod át, az alábbiak szerint:
* overlayBgColor - A szÃnátfedés (overlay) szÃne, alapértelmezetten #000 fekete.
* overlayOpacity - A szÃnátfedés átlátszóságának mértéke, alapból 0.8.
* imageLoading - Animáció a betöltődés alatt. images/lightbox-ico-loading.gif az alapértelmezett.
* imageBtnClose - Bezárás gomb. images/lightbox-btn-close.gif az alapértelmezett.
* imageBtnPrev - "Előző" gomb. images/lightbox-btn-prev.gif az alapértelmezett.
* imageBtnNext - "Következő" gomb. images/lightbox-btn-next.gif az alapértelmezett.
* containerBorderSize - A képet tartalmazó box padding értéke, 10 az alapértelmezett.
* containerResizeSpeed - A képet tartalmazó box átméretezésének időtartama, 400 az alapértelmezett.
* txtImage - Az "Image" felirat.
* txtOf - Az "of" felirat.
* imageBlank - A blank image, amely az Internet Explorer hover hack-hez kell, images/lightbox-blank.gif az alapértelmezett.
* keyToClose - Bezárás gyorsbillentyű, a c (close) az alapértelmezett.
* keyToPrev - Előző kép gyorsbillentyű, p (previous) az alapértelmezett.
* keyToNext - Következő kép gyorsbillentyű, az n (next) az alapértelmezett.
<script type="text/javascript"> $(function() { $('a[@rel*=lightbox]').lightBox({ overlayBgColor: '#FFF', overlayOpacity: 0.6, imageLoading: 'images/loading.gif', imageBtnClose: 'images/close.gif', imageBtnPrev: 'images/prev.gif', imageBtnNext: 'images/next.gif', containerResizeSpeed: 350, txtImage: 'Imagem', txtOf: 'de' }); }); </script>
Mire vársz? Töltsd le vagy nézd meg a demót !
Csoxa kérésére megmutatom, hogy lehet az előbb bemutatott lightbox, és az animált hoover plugint együtt használni:
A header-be a szokásos módon helyezd el a scripteket:
<script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="jquery.lightbox-0.5.js"></script> <link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen" / ijQuery lightbox p Porn ugin | I build websites Results Discover Newnaked Dating Tips Sexyb l v Fucking Asian Dating Naked sjQuery lightbox p Porn ugin | I build websites Results Discover Newnaked Dating Tips Sexyv f x Dating Dating Dating