Forum PHP.pl

Witam,
Mam listę produktów które wyświetlam w postaci obrazów, po najechaniu na obraz pojawia się na całej jego powierzchni opis czyli typowy hover.
Chcę opóźnić akcję wyświetlenia opisu powiedzmy o 0.7 sek. . Ma to na celu nie zaśmiecnie widoku użytkownikowi podczas przewijania strony, albo szybszych ruchów nad obszarem obrazów.

Co robię źle i jak ewentualnie mogę to poprawić?

[JAVASCRIPT] pobierz, plaintext 
$(function(){
	var delay = 700, interval;
 
	$('.element').mouseover(function() {
		var el = $(this);
		interval = setInterval( function(){				
			el.children('.description').css('display','block');
		},delay);		
	}).mouseout(function() {
		clearInterval(interval);
		$(this).children('.description').css('display','none');
	});
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował SaMi 9.04.2014, 11:54:17

Spróbuj wstawić setInterval orz clearInterval w:

[HTML] pobierz, plaintext 
$(function(){
//kod
});
[HTML] pobierz, plaintext 

A czemu nie w samym CSS : http://dabblet.com/gist/10254302 ?

@trueblue: to nic nie zmienia
@IProSoft: chodzi głównie o starsze przeglądarki

Kilka przykładów: http://stackoverflow.com/questions/1481843...pt-hover-action