How to auto rotate?

[volkantr19]

Hello everybody;

I need your help about my example website,i'm trying something but i couldn't it.

If you click on OPINIONS,this will scrolling you directly to “happy clients”...

There are 5 testimonials there and i have to click on for each one.
I just want do this 5 testimonials AUTO ROTATE (i dont want to click on with mouse)...

How to do this?

Thank you for your help in advance.

My example website is http://****.com.tr/

[jscheuer1]

This will do it:


var counter = 0;
setInterval(function(){var ops = $('#opinions-pages li a'); ops.eq((++counter)%ops.length).click();}, 3000);

But you have to wait until after the opinions are initialized to do it. That appears to be here (in main.js):


/* Set Opinios Pagination */
var pages = $('#opinions-list').find('li').length;
var active = '';
for(var i=1;i<=pages;i++)
{
active = (i===1) ? 'active':'';
$('<li><a href="#'+i+'" class="'+active+'">'+i+'</a></li>').appendTo('#opinions-pages');
}

$('.slider-markers li a').on('click', function()
{
var id = '#comment-' + $(this).html();
var active_id = '#comment-' + $('.slider-markers').find('.active').html();
//$('.slider-regular').find('li').css('opacity','0').first().css('opacity','1');

$('.slider-markers li a').removeClass('active');
$(this).addClass('active');
$(active_id).animate({opacity: 0}, 1000, function(){ $(active_id).hide(); })
setTimeout(function(){
$(id).css('display','block').animate({opacity: 1}, 1000);
}, 1000);
;
});



So I'd add it right after that.

The browser cache may need to be cleared and/or the page refreshed to see changes.

[volkantr19]

Sorry,nothing changed...

I need more help from you please...

[jscheuer1]

The ornek5.antalyabalikcilik.com.tr/js/main.js file has not been changed as I suggested. Do that first and let me see what happens. It's around line number 179 where the opinions code starts, add the highlighted:


/* Set Opinios Pagination */
var pages = $('#opinions-list').find('li').length;
var active = '';
for(var i=1;i<=pages;i++)
{
active = (i===1) ? 'active':'';
$('<li><a href="#'+i+'" class="'+active+'">'+i+'</a></li>').appendTo('#opinions-pages');
}

$('.slider-markers li a').on('click', function()
{
var id = '#comment-' + $(this).html();
var active_id = '#comment-' + $('.slider-markers').find('.active').html();
//$('.slider-regular').find('li').css('opacity','0').first().css('opacity','1');

$('.slider-markers li a').removeClass('active');
$(this).addClass('active');
$(active_id).animate({opacity: 0}, 1000, function(){ $(active_id).hide(); })
setTimeout(function(){
$(id).css('display','block').animate({opacity: 1}, 1000);
}, 1000);
;
});
var counter = 0;
setInterval(function(){var ops = $('#opinions-pages li a'); ops.eq((++counter)%ops.length).click();}, 3000);

[volkantr19]

Thank you so much...

You resolved my problem one more time...