jQuery hover () мерцание / исчезновение - PullRequest
Новая
       32

jQuery hover () мерцание / исчезновение

2 голосов
/ 11 мая 2011

Попытка получить изображение «B» для наложения на изображение «A», когда мышь наводит курсор на изображение «A».В идеале, я хочу, чтобы он исчезмигает, включается и выключается, поскольку каждый пиксель перемещается повторно.Как я могу заставить его запускать только второе действие, когда мы покидаем контейнер div, а не просто перемещаться внутри него?

Спасибо за любую помощь.

[EDIT]

CSS: 

    #prod-overlay {
    display: none;
    position: absolute;
        z-index: 999;
    top: 0px;
    }

По сути, он просто помещает этот div поверх другого.Я не думаю, что это действительно актуально?Если z-index не испортил все.

[EDIT 2]

для тех, кто может позаботиться / наткнуться на это ... это исправляет: 

$("#prod-image").hover(function() {
    $("#prod-overlay").stop(true).fadeTo("normal",1);
}, function() {
    $("#prod-overlay").fadeTo("normal",0);
});

Кажется, немного ненужным для меня, но кто я такой, чтобы критиковать jQuery?

1 Ответ

1 голос
/ 11 мая 2011

Как насчет того, чтобы получить 2 изображения в одном контейнере и применить к этому контейнеру всплывающую подсказку? 

<div  id="container">
    <div id="prod-image">
        <img src="../imgs/products/mens/image-A.jpg" class="box-shadow" />
    </div>
    <div id="prod-overlay">
        <img src="../imgs/image-B.jpg" />   
    </div>
</div>

и 

$(function() {
$("#container").hover(function() {
    $("#prod-overlay").fadeIn().show();
}, function() {
    $("#prod-overlay").fadeOut().hide();
}); 
});

Это должно работать!

...