JQuery Fade In & Out выпуск - PullRequest
Новая
       12

JQuery Fade In & Out выпуск

0 голосов
/ 07 марта 2012

У меня есть код ниже, показывающий мой JQUERY & HTML.В основном я пытался получить изображение для FADE IN при наведении курсора и FADE OUT, когда курсор находится вне изображения.

Проблема в том, что я хочу, чтобы изображение, которое будет ПЕРЕДАЧАТЬ, находилось поверх исходного изображения.Как только новое изображение исчезает, оно сразу возвращается к оригиналу, так как курсор больше не находится на изображении, которое выполняет анимацию FADE.

Я был бы признателен за любую информацию, что когда-либо:)

Спасибо :)

JQUERY: 

$(document).ready(function() {
$("div.hover").hover(

function() {
    $("div.fade").fadeIn('slow');
}, function() {
    $("div.fade").fadeOut('slow');
});
});

HTML: 

<div class="hover"><img src="#"/></div>
<div class="fade"><img src="#"/> </div>

1 Ответ

2 голосов
/ 07 марта 2012

Если вы поместите класс наведения на элемент, который содержит как изображение, так и изображение наведения, он будет по-прежнему классифицироваться как «зависание» с любым изображением, над которым вы наводите курсор: 

<div class="hover">
    <div><img src="#"/></div>
    <div class="fade"><img src="#"/> </div>
</div>
...