Nie znam się na javascript, i nie mam kodu do wklejenia na strone. Kod ten przewija po kolei 3 zdjęcia i wraca do pierwszego i tak w kółko.
Kod
$(document).ready(function () {
var theInt = null;
var $crosslink, $navthumb;
var curclicked = 0;
theInterval = function(cur){
clearInterval(theInt);
if( typeof cur != 'undefined' )
curclicked = cur;
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
theInt = setInterval(function(){
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
curclicked++;
if( 3 == curclicked )
curclicked = 0;
}, 6000);
};
$("#main-photo-slider").codaSlider();
$navthumb = $(".nav-thumb");
$crosslink = $(".cross-link");
$navthumb.click(function() {
var $this = $(this);
theInterval($this.parent().attr('id').slice(2) - 1);
return false;
});
theInterval();
$('#nr1').children().text( $('.nr-1').find('h1').text() );
$('#nr2').children().text( $('.nr-2').find('h1').text() );
$('#nr3').children().text( $('.nr-3').find('h1').text() );
});
var theInt = null;
var $crosslink, $navthumb;
var curclicked = 0;
theInterval = function(cur){
clearInterval(theInt);
if( typeof cur != 'undefined' )
curclicked = cur;
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
theInt = setInterval(function(){
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
curclicked++;
if( 3 == curclicked )
curclicked = 0;
}, 6000);
};
$("#main-photo-slider").codaSlider();
$navthumb = $(".nav-thumb");
$crosslink = $(".cross-link");
$navthumb.click(function() {
var $this = $(this);
theInterval($this.parent().attr('id').slice(2) - 1);
return false;
});
theInterval();
$('#nr1').children().text( $('.nr-1').find('h1').text() );
$('#nr2').children().text( $('.nr-2').find('h1').text() );
$('#nr3').children().text( $('.nr-3').find('h1').text() );
});