jQuery plugins - Scrolling Parallax
dec 16

Scrolling Parallax

Parallaxis plugin

Verzió: 0.1.0
Kiadás dátuma: 2009
Fejlesztő: Jon Raasch
Liszensz: BSD

Bevezető

A zLayer plugin-hoz hasonlóan parallaxis hatást tesz lehetővé a Scrolling Parallax plugin is, csak nem egy képre alkalmazva a látványos 3D-s érzetet keltő hatást, hanem az oldal egészére: történhet ez függőleges és vízszintes tájolású oldal esetén egyaránt, egy vagy több kép alkalmazásával, fordított animációval, stb.

Implementálás

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jquery.scrolling-parallax.js"></script>
          

Deklaráció

            $(document).ready(function(){
              //1. példa:
              $.scrollingParallax('a/hatterkep/eleresi/utvonala/kep.jpg', {
                ... // opciók
              });

              //2. példa:
              $('#pelda').scrollingParallax({
                ... // opciók
              });
            });
          

Teljes paraméterlista

  • bgWidth: a parallax-kép szélessége képpontban, vagy százalékos formában
    (alapértelmezett: '100%')
  • bgHeight: a parallax-kép magassága képpontban, vagy százalékos formában
    (alapértelmezett: '150%')
  • bgRepeat: nyújtás helyett a kép eredeti méreteinek engedélyezése/tiltása
    (true | false) (alapértelmezett: false)
  • enableVertical: függőleges parallaxis hatás engedélyezése/tiltása
    (true | false) (alapértelmezett: true)
  • staticSpeed: a scrollozás sebessége százalékos formában. Ha az értéket 0-ra vagy false-ra állítjuk, a plugin határozza meg az optimális sebességet (true | false) (alapértelmezett: false)
  • loopIt: a parallax-kép ismétlődésének engedélyezése/tiltása (true | false) (alapértelmezett: false)
  • reverseDirection: ellentétes irányú parallaxis hatás engedélyezése/tiltása (true | false) (alapértelmezett: false)
  • enableHorizontal: vízszintes parallaxis hatás engedélyezése/tiltása
    (true | false) (alapértelmezett: false)
  • staticSpeedX: vízszintes parallaxis esetén az animáció sebessége százalékos formában
    (true | false) (alapértelmezett: false)
  • loopItX: a parallax-kép ismétlődésének engedélyezése/tiltása vízszintes parallaxis hatás esetén
    (true | false) (alapértelmezett: false)
  • reverseDirectionX: ellentétes irányú parallaxis hatás engedélyezése/tiltása vízszintes parallaxis esetén (true | false) (alapértelmezett: false)
  • disableIE6: parallaxis hatás letiltásának engedélyezése/tiltása az Internet Explorer 6.0-ás verziójában (true | false) (alapértelmezett: false)
  • disableIE6Anim: parallaxis animáció letiltásának engedélyezése/tiltása az Internet Explorer 6.0-ás verziójában (true | false) (alapértelmezett: true)