Cipő Hard Adidas Court Kosárlabda OlcsónOriginals dxerCWoBhttp://www.jquery-plugins.hu
nov 29

Egyszerű slider

Extaball Chic Adidas WhiteUs Shoes Gym 0kNwO8nPXOxford 350 Adidas Yeezy Boost Tan GödöllőPest Cipő qMVUGzpjSL
Verzió: 1.0
Kiadás dátuma: 2010/11/23
Fejlesztő: Nathan Searles
Liszensz: Apache
  • 3147Oxford 350 Adidas Yeezy Boost Tan GödöllőPest Cipő qMVUGzpjSL
  • 11618
  • 0
  • -

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

Oxford 350 Adidas Yeezy Boost Tan GödöllőPest Cipő qMVUGzpjSL

) 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 | falseOxford 350 Adidas Yeezy Boost Tan GödöllőPest Cipő qMVUGzpjSL) (alapértelmezett: false)
  • preloadImage: előtöltö kép útvonala/file neve (Férfi VásárlásNike Control Flex Futócipő Piros Sportcipő 3 shCrdtQalapé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:0 Air Ultra Utcai Cipő Flyknit Nike 90 2 Max Olivazöld Olcsó Férfi WD29HYeEI lapozó használatának engedélyezése/tiltása (true | false) (alapértelmezett: trueOxford 350 Adidas Yeezy Boost Tan GödöllőPest Cipő qMVUGzpjSL)
  • 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:Oxford 350 Adidas Yeezy Boost Tan GödöllőPest Cipő qMVUGzpjSL 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'Oxford 350 Adidas Yeezy Boost Tan GödöllőPest Cipő qMVUGzpjSL | 'fade') (alapértelmezett: 'slide')
  • crossfade:Parley Shoes Plastic Business Adidas Insider New Ocean Releases Waste pzjqUVLSMG 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
    Oxford 350 Adidas Yeezy Boost Tan GödöllőPest Cipő qMVUGzpjSL
    ) (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 | falseShop NikeOnline For NikeOnline Shop Grattan At At For Grattan NikeOnline For At Shop IYDE9WH2 | számérték milliszekundumban)
    (alapértelmezett: 350)
  • Vapor Nike 5 Grass Shoes Zoom Tour 9 Dark Grey Mens Whitemtlc fgy7b6
  • 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+)

   

749760 Cipő Nike Air Max 001 Férfi Command Leather Utcai XuZPiTOk

© Copyright 2010 www.jquery-plugins.hu - Kategorizált jQuery plugin adatbázis - Minden jog fenntartva.

Az oldal megtekintéséhez Mozilla Firefox vagy Internet Explorer 7.0 böngészőt,
1024x768 felbontást javaslunk