Rotacionar a cada x segundos com jquery

[Lúcio Gomes 0]

Como adicionar um botão de play/pause nesse modelo de script com jquery:

interwise.com.br

 

Aqui funcionou corretamente o voltar/avançar, mas gostaria que logo que iniciasse a cada X segundos ele trocasse para o próximo destaque e quando chegasse no último, voltasse para o primeiro e continue rotacionando e só pausar quando clicar no botão pausar e daí mudar o mesmo botão para avançar e quando clicar continuar rotacionando, com o mesmo efeito (no caso de avançar).

 

Tentei utilizar outros como o cycle e jCarousel mas esse modelo foi o que melhor funcionou e se aproximou para o que desejo e o mais leve também, só gostaria de implementar um play/pause.

 

Obrigado.

[Otata 4]

simples

 

$('#id').cycle('pause'); //para pausar

$('#s2').cycle('resume'); //para continuar (play)

e para iniciar com o slide use o atributo

 timeout: 2000, //tempo ms

[Lúcio Gomes 0]

simples

 

$('#id').cycle('pause'); //para pausar

$('#s2').cycle('resume'); //para continuar (play)

e para iniciar com o slide use o atributo

 timeout: 2000, //tempo ms

Obrigado pela resposta Otata, mas aqui ainda não funcionou. Creio que seja por que não estou utilizando o Cycle...

Há alguma outro código para fazer isso?

[Lúcio Gomes 0]

Ok! Agora sim, alterei meu script para o cycle e tudo ficou melhor. Funcionou perfeitamente.

 

Só mais uma dúvida. Como eu posso fazer para ter um único link e ao clicar no texto "pausar" ele pausa e muda o texto para "rotacionar" e vice-versa?

 

Obrigado.

[Otata 4]

pode fazer assim...é uma forma simples..

<script>

function playPause(obj){
	if(obj.innerHTML == 'Pause'){
		$('#id').cycle('pause'); //para pausar
		obj.innerHTML = 'Resume';
	}else{
		$('#id').cycle('resume'); //para continuar (play)
		obj.innerHTML = 'Pause';
	}
}

</script>
<a href='#' onclick='playPause(this);'>Pause</a>

t+