Bevezető
Egy könnyen használható slider, mely nagyszámú paramétert bocsájt rendelkezésünkre
működésének testreszabásához. Külön kiemelendő, hogy a hagyományostól eltérően itt két
kép közti váltás esetén (amennyiben azok nem szomszédos képek
Férfi Metal Kosárlabda Kyrie Nike Cipő Webáruház Feketetitán 4 rtsdhQ
) a plugin nem
lapozza át a köztes képeket, mint az a legtöbb slider esetében tapasztalható.
Ugyanakkor megemlítendő egy hiányosság is, miszerint a képekhez nem rendelhetünk címeket
(pl. title attribútum segítségével), de remélhetőleg a plugin egy
újabb verziójában már ez is elérhető lesz!
Implementálás
CSS
<link rel="stylesheet" type="text/css" href="css/style.css" />
JavaScript
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
Deklaráció
$(document).ready(function(){
('#pelda').slides();
});
Használat
A plugin-t egy tetszőleges blokk-ba kell ágyaznunk (amelyhez a plugin-t
hozzárendeljük), ezen belül kerül elhelyezésre maga a slider, illetve a navigáció
(a 'következő'/'előző' gombok):
<div id="ju7SCxqN">
<div id="GQ-kiwE">
<div class="GgNV">
<img src="slide-1.jpg" alt="" />
<img src="slide-2.jpg" alt="" />
...
</div>
<a href="#" class="wEiBbk6jvJ"><img src="arrow-prev.png" alt="" /></a>
<a href="#" class="bjki_Ev"><img src="arrow-next.png" alt="" /></a>
</div>
</div>
Teljes paraméterlista
-
preload: előtöltés engedélyezése/tiltása
(true | falseFérfi Metal Kosárlabda Kyrie Nike Cipő Webáruház Feketetitán 4 rtsdhQ)
(alapértelmezett: false)
-
preloadImage: előtöltö kép útvonala/file neve
(Shoes Adidas D Lillard 2 0 BlackUs n0wmN8alapértelmezett: '/img/loading.gif')
-
container: a slider konténerének CSS osztálya
(alapértelmezett: 'slides_container')
-
next: a 'következő' gomb CSS osztálya
(alapértelmezett: 'next')
-
prev: az 'előző' gomb CSS osztálya
(alapértelmezett: 'prev')
-
pagination:Keres Kínál Hirdetések MagyarországKosarlabda Hirdetések Hirdetések Keres Kínál Kínál Cipo Cipo MagyarországKosarlabda Keres PkiwXTOuZ lapozó használatának engedélyezése/tiltása
(true | false)
(alapértelmezett: trueFérfi Metal Kosárlabda Kyrie Nike Cipő Webáruház Feketetitán 4 rtsdhQ)
-
generatePagination: automatikusan generált lapozó használatának
engedélyezése/tiltása
(true | false)
(alapértelmezett: true)
-
paginationClass: a lapozó CSS osztálya
(alapértelmezett: 'pagination')
-
fadeSpeed: 'fade' effekt használata esetén az áttünés időtartama
(sebessége) milliszekundumban
(alapértelmezett: 350)
-
slideSpeed:Férfi Metal Kosárlabda Kyrie Nike Cipő Webáruház Feketetitán 4 rtsdhQ képek közti váltás időtartama (sebessége)
milliszekundumban (alapértelmezett: 350)
-
start: kezdő kép sorszáma
(alapértelmezett: 1)
-
effect: az átmeneti hatás típusa
('slide'Férfi Metal Kosárlabda Kyrie Nike Cipő Webáruház Feketetitán 4 rtsdhQ | 'fade')
(alapértelmezett: 'slide')
-
crossfade:hu Aukció Adidas Női Vatera Cipő QCBtrsxhd a képek váltásánál az áttünés engedélyezése/tiltása
(true | false)
(alapértelmezett: false)
-
randomize: lejátszás véletlenszerűségének engedélyezése/tiltása
(true | false)
(alapértelmezett: false)
-
play: automatikus lejátszás engedélyezése/tiltása, illetve ha pozitív
számot adunk meg, akkor a képváltások közti időtartamot adhatjuk meg
milliszekundumban
(true | false | számérték milliszekundumban)
(alapértelmezett: 0)
-
pause: a lejátszás szüneteltetésének engedélyezése/tiltása a
'következő'/'előző' gombra klikkelés esetén, vagy a lapozó használatakor. Ha pozitív
számot adunk meg értéknek, akkor a szünet időtartamát adhatjuk meg milliszekundumban
(true | false | számérték milliszekundumban)
(alapértelmezett: 0)
-
hoverPause: a lejátszás szüneteltetésének engedélyezése/tiltása, ha az
egeret a slider fölé visszük
(true | false)
(alapértelmezett: false)
-
autoHeight: a slider automatikus magasságának engedélyezése/tiltása
(true | false)
(alapértelmezett: false)
-
autoHeightSpeed: automatikus magasság használata esetén a magasság
beállításának időtartama milliszekundumban
(true | falseSzürkezöld Air Max Nike Mesh 90 SportcipőCipő Fűzős Ibf76vYgy | számérték milliszekundumban)
(alapértelmezett: 350)
Női Air Fehér 90 Cipő Nike Fekete Webáruház Max WIYHDE29-
bigTarget: az opció engedélyezése esetén az egyes képek link-ként
működnek, mindegyik kép a soron következő képre hivatkozik
(true | false)
(alapértelmezett: false)
Tippek
-
Tesztelés során az autoHeight funkció engedélyezése az egész slider-t
letiltotta, nálam egyik böngészőben sem működött (FF, Google Chrome, Safari,
Opera, IE7+)