• címkék:
  • slider
  • kép
  • diavetítő
  • slideshow
  • csúsztat
  • lapozó

Slides

Slide 1 Slide 2 Slide 3 Slide 4 Slide 5

Deklaráció

        $(document).ready(function(){
          $('#slides').slides({
            preload: true,
            preloadImage: 'css/loading.gif',
            effect: 'fade',
            crossfade: true,
            play: 1500,
            bigTarget: true
          });
        });
      

HTML kód

        <div id="slides">
          <div class="slides_container">
            <img src="images/slide-1.jpg" width="570" height="270" alt="Slide 1" />
            <img src="images/slide-2.jpg" width="570" height="270" alt="Slide 2" />
            <img src="images/slide-3.jpg" width="570" height="270" alt="Slide 3" />
            <img src="images/slide-4.jpg" width="570" height="270" alt="Slide 4" />
            <img src="images/slide-5.jpg" width="570" height="270" alt="Slide 5" />
          </div>
          <a href="#" class="prev"><img src="css/arrow-prev.png" width="24" height="43" alt="Előző" /></a>
          <a href="#" class="next"><img src="css/arrow-next.png" width="24" height="43" alt="Következő" /></a>
        </div>
      

« bezár