Hallo leden,
Ik heb een eenvoudige imageslider in jquery gemaakt. Alleen nu wil ik een effect toevoegen. Wanneer je op de thumb klikt moet bijvoorbeeld het plaatje fade out en fade in. Ook moet hij na een paar seconden hetzelfde doen. hier mijn script.
Ik heb een eenvoudige imageslider in jquery gemaakt. Alleen nu wil ik een effect toevoegen. Wanneer je op de thumb klikt moet bijvoorbeeld het plaatje fade out en fade in. Ook moet hij na een paar seconden hetzelfde doen. hier mijn script.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| var image = new Array("2.jpg","3.jpg","4.jpg");
var imageNr=0;
var thumbTimer;
function nextImage() {
$("#big").css('background-image','url('+image[imageNr]+')');
if (imageNr < image.length - 1) {
imageNr++;
} else {
imageNr=0;
}
thumbTimer = setTimeout("nextImage()",4000);
}
$(document).ready(function() {
nextImage();
$(".thumb").bind('click',function() {
clearTimeout(thumbTimer);
imageNr = $(this).attr('rel');
nextImage();
});
}); |