Why this isnt working?

[sorlaker]

<script>
	$("#imovel1").mouseenter(function(){
		var rel = 1;
		var changer = setInterval(function(){
			for(i = 1; i <= 5; i++){
					$(this).find('img[relimg='+i+']').hide();
			}
			rel = rel + 1;
			if (rel > 5) { rel = 1; }
			$(this).find('img[relimg='+rel+']').show();
		}, 1500);
	}).mouseleave(function(){
		clearInterval(changer);
	});
</script>

Cant figute out why this code isnt working.
Appreciate if someone could help me.


PS: The mouseenter and mouseleave is working. But the setInterval isnt. Thanks!

[devnull69]

With the anonymous function inside the setTimeout you are changing the scope, so "this" will no longer reference the element #imovel1 but rather the global "window" object.

Try this

	$("#imovel1").mouseenter(function(){
		var rel = 1;
		var that = this;
		var changer = setInterval(function(){
			for(i = 1; i <= 5; i++){
					$(that).find('img[relimg='+i+']').hide();
			}
			rel = rel + 1;
			if (rel > 5) { rel = 1; }
			$(that).find('img[relimg='+rel+']').show();
		}, 1500);
	}).mouseleave(function(){
		clearInterval(changer);
	});

[sorlaker]

Yeah sorry about that. Forgot to change that part.

	var rel = 1;
	var changer = setInterval(function(){
		for(i = 1; i <= 5; i++){
					$('#imovel1').find('img[relimg='+i+']').hide();
			}
			rel = rel + 1;
			if (rel > 5) { rel = 1; }
			$('#imovel1').find('img[relimg='+rel+']').show();
	}, 1500);
	$("#imovel1").mouseenter(function(){
		changer = setInterval(function(){
		for(i = 1; i <= 5; i++){
					$(this).find('img[relimg='+i+']').hide();
			}
			rel = rel + 1;
			if (rel > 5) { rel = 1; }
			$(this).find('img[relimg='+rel+']').show();
	}, 1500);
	}).mouseleave(function(){
		for(i = 1; i <= 5; i++){
					$(this).find('img[relimg='+i+']').hide();
			}
			$(this).find('img[relimg=1]').show();
		clearInterval(changer);
	});

This is the code. I can't stop the bloody setInterval! Help me!

[devnull69]

You can't stop the first interval because you are losing the reference to it by overwriting it with the second setInterval()