jQuery slideshow

Kaip ir žadėjome pristatome jQuery slideshow modulį.

Demo.

Parsisiųsti.

Slideshow veikimui reikalinga jquery biblioteka, testuota nuo 1.5 versijos, bet gali veikti ir su senesnėmis versijomis.

prieš

</head>

tag’ą įterpkite

<link href="/slideshow/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="/slideshow/slideshow.min.js"></script>
<script type="text/javascript">
 $(document).ready(function() {
   $('.slideshow').slideshow();
 });
</script>

O ten kur jūsų galerija:

<div class="slideshow">
    <div class="slidesContainer">
        <div class="slide"><img src="images/nature1.jpg" alt="" /></div>
        <div class="slide"><img src="images/nature2.jpg" alt="" /></div>
        <div class="slide"><img src="images/nature3.jpg" alt="" /></div>
    </div>
</div>

Daugiau pavyzdžių rasite parsisiųstame faile.
Stiliaus keitimas atliekamas style.css faile.
Pakeitus plotį būtina iškviesti tai nurodyti slideshow moduliui:

<script type="text/javascript">
 $(document).ready(function() {
   $('.slideshow').slideshow(function(){
      slideWidth: 560
   });
 });
</script>