увядание в моей картинной галерее

Question

У меня есть галерея изображений, и я хочу добавить эффект затухания, Как я могу сделать это в этом коде?

$(document).ready(function() { 
$(".gallery div").mouseover(function(){ 
    $(".gallery div").removeClass("current"); 
    $(this).toggleClass("current"); 
}); 
}); 

Заранее спасибо

Answer 1

$(document).ready(function() { 
$(".gallery div").hover(function(){ 
    $(".gallery div").removeClass("current").fadeOut('fast'); 
    $(this).toggleClass("current").fadeIn('fast'); 
}); 
}); 

Answer 2

Используйте замирание effect.

Вы можете сделать FadeIn, FADEOUT или fadeTo в зависимости от того, что вам нужно:

$("p:first").click(function() { 
    $(this).fadeTo("slow", 0.33); 
}); 

Answer 3

Что-то вроде этого, угасает на отведении указателя мыши, выцветает при наведении курсора мыши?

$(document).ready(function() { 
    $(".gallery div").mouseover(function(){ 
    $(".gallery div").removeClass("current").fadeTo(500, 0.25); 
    $(this).toggleClass("current").stop().fadeIn(200); 
    }); 
}); 

Вы также можете сделать это с помощью hover() function:

$(document).ready(function() { 
    $(".gallery div").hover(function(){ 
    $(this).addClass("current").stop().fadeIn(200); 
    }, function() { 
    $(this).removeClass("current").fadeTo(500, 0.25); 
    }); 
});