Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

weikmam

[Resolvido] Slide com jQuery e Cycle

Recommended Posts

Ola Galera... gostaria da ajuda de voces... estou querendo fazer um slide cm o cycle e o jquery.. o cycle eh bem facil com opcoes e funcoes simples de entender... mas eu quero assim, que o slide fique parado... e q soh se mova quando eu passar o mouse por cima... bom, ate ae eu consegui...

 

<script type="text/javascript">
$(document).ready(function(){ 
$('#slide1').cycle({
	fx:'scrollLeft',
 	timeout: 500,                
	delay:  1, 
	speed:  500
});
$('#slide1').cycle("pause").hover(function() {
           $(this).cycle('resume');
     },function(){
           $(this).cycle('pause');
     });
});
</script>

 

com esse codigo o slide fica parado e soh se mexe qnd eu tw cm o mouse por cima... beleza... mas eu quero q aconteca mais uma coisa... no meu slide.. qnd você bota o mouse em cima.. ele vai mudar a imagem apenas pra outra imagem e parar.. do jeito q tah ai encima.. e fica parado, qnd ponho o mouse ele muda pra proxima, mas ai qnd dah o tmp.. ele volta pra primeira, ou seja.. ele fica num loop eterno cm as duas imagens q eu tenho, e eu queria q ele soh passase pra segunda e parasse... alguem pode me ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Isso é uma propriedade do próprio .cycle();

 

Aqui!

http://jquery.malsup.com/cycle/options.html

 

Obrigado... consegui... RESOLVIDO.. codigo ficou assim

 

<script type="text/javascript">
$(document).ready(function(){ 
$('#slide1').cycle({
	fx:'scrollLeft',
 	timeout: 500,              
	delay:  1, 
	speed:  500
});
$('#slide1').cycle("pause").hover(function() {
           $(this).cycle('prev');
     },function(){
           $(this).cycle('pause');
     });
});
</script>

 

alterei resume pra prev e funcionou do jeito q eu queria.. valeu..

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.