Как запретить hover?

Question

[zyulev]

var slide = $('.slide_right');
var pos = 20;
var slide_array = $(slide.get().reverse());
var pos_array = [];

$(document).ready(function(){

slide.mouseenter(
    function () {
  		pos = 20;
  		pos_array = [];
  		slide_array.stop(1,1).each(function() {
  			pos += 20;
  			pos_array.push(pos);
  			//console.log(pos_array);
  			$(this).animate({ left: '-='+pos }, 300);
  		});
    }
);

slide.mouseleave(
  function () {
			slide_array.stop(1,1).each(function( index, value ) {
				pos = pos_array[index];
				console.log(pos);
			  $(this).animate({ left: '+='+pos }, 300);
			});
});
});

помогите пожалуйста решить проблему при как убрать постоянное срабатывание mouseenter
вот здесь демо

Answer 1

[IceJOKER]

При наведении все картинки всплывают, поэтому все прыгает, "слайдите" только по одному элементу, а еще лучше при наведении дать этому элементу z-index , чтоб он перекрывал другие

Comments

[zyulev]

если давать z-index больше, то он вылазить над всеми будет, а это не есть хорошо

[IceJOKER]

zyulev: первый вариант все еще в силе - двигайте только по одному слайду, вы двигаете весь блок, поэтому курсор попадает и на другие слайды, из-за чего все прыгает

[zyulev]

IceJOKER: мне нужно чтобы все слайды выезжали при ховере

[IceJOKER]

zyulev: тогда вешайте слушатель только на общий блок, а не на каждый слайд О_О

[zyulev]

IceJOKER: слайды при клике переезжают влево, что тогда получится? у них свой ховер должен быть в левую сторону

[IceJOKER]

zyulev: что за вы тяжелый человек .... все слайды переезжают вместе? Тогда для общего блока установите hover, а не для каждого слайда отдельно, а уже в hover двигайте слайды куда угодно.
если по одному слайду, то при наведении двигаем только тот, на который навели