0
|
1 |
|
|
2 |
|
|
3 |
/* start for slider */ |
|
4 |
$(function(){ |
|
5 |
|
|
6 |
/* for hover effekt on images */ |
|
7 |
$('.lightbox-image').prepend('<span></span>').hover(function(){$(this).find('img').stop().animate({opacity:.5})},function(){$(this).find('img').stop().animate({opacity:1})}) |
|
8 |
|
|
9 |
/* for list */ |
|
10 |
$('.list-1 li a').prepend('<span><span></span></span>') |
|
11 |
|
|
12 |
/* for slider */ |
|
13 |
$('#slides1').slides({ |
|
14 |
effect: 'fade', |
|
15 |
fadeSpeed:2000, |
|
16 |
preload: true, |
|
17 |
play: 4000, |
|
18 |
pause: 4000, |
|
19 |
generateNextPrev: true, |
|
20 |
generatePagination: false, |
|
21 |
crossfade: true, |
|
22 |
hoverPause: true, |
|
23 |
animationStart: function(current){ |
|
24 |
$('.caption').animate({opacity:0}).css({display:'none'}); |
|
25 |
if (window.console && console.log) { |
|
26 |
console.log('animationStart on slide: ', current); |
|
27 |
}; |
|
28 |
}, |
|
29 |
animationComplete: function(current){ |
|
30 |
$('.caption').animate({opacity:1}).css({display:'block'}); |
|
31 |
if (window.console && console.log) { |
|
32 |
console.log('animationComplete on slide: ', current); |
|
33 |
}; |
|
34 |
}, |
|
35 |
slidesLoaded: function() { |
|
36 |
$('.caption').animate({opacity:1}).css({display:'block'}); |
|
37 |
} |
|
38 |
}); |
|
39 |
|
|
40 |
|
|
41 |
}); |
|
42 |
/* end for slider */ |