[jQuery] problem z animowaniem warstwy, wykorzytanie animate() oraz mousemove() Opcje

[Czadus]

Witam,

mam problem, i niebardzo wiem, jak go rozwiązać, tudzień nie mam na razie na niego pomysłu. Na całą szerokość ekranu mam warstwę, w której, docelowo mają przesuwać się miniaturki zdjęć (w lewo i w prawo) w zależności od przesuwania się po tej warstwie kursorem. Oczywiście, aby łatwo nie było i miało to jakiś sens, chciałbym aby po pierwsze ruch ten nie był zbyt szybki mimo szybkiego przemieszczania się kursorem, aby warstwa w środkowej części (powiedzmy około 20%) nie posiadała nadanego zdarzenia.

Mam przygotowany skrypt, który przesywa mi warstwę, jednak przesuwa się ona zgodnie z szybkością przesywania się kursora z wykorzystaniem animate() z określonym czasem animacji = 0. Kod wygląda, następująco:

[HTML] pobierz, plaintext 
 
	$("#gallery")
		.bind("mousemove",function(e){
 
			var procent = (e.clientX * 100 / $(this).width());
			var size =($("#gallery ul li").length * ($("#gallery ul li").width() + ( 2 * parseInt($("#gallery ul li").css("margin-left")) )));
			var leng = ( procent * size / 100 );
			var left = $(this).width() - leng - ( $(this).width() / 2 );
 
			if(size <= $(this).width() && left < 0) left = 0;
			if(size <= $(this).width() && (left + size) > $(this).width()) left = $(this).width() - size;
 
			$("#gallery ul")
				.stop()
				.animate({
					left: left+"px"
				}, 0);
		});
 
[HTML] pobierz, plaintext 

Miałby ktoś pomysł, jak taki ruch dopracować(IMG:style_emoticons/default/questionmark.gif) Ewentualnie co potrzebujecie, aby móc mi doradzić coś w tej kwestii??