Interesuje mnie ciekawy efekt, który znalazłem na stronie. Mam na myśli tutaj efekt po najechaniu na obrazki.
Mam zdjęcie pod spodem przysłonięte obrazkiem o tej samej wielkości, któremu zmieniam właściwość opacity.
Napisałem taki kod :
Kod
$(function() {
$('.wrap').hover(function() {
$(this).children('.front').stop().animate({ "opacity" : "0.7" }, 500);
$(this).children('.front').stop().animate({ "opacity" : "0.5" }, 500);
}, function() {
$(this).children('.front').stop().animate({ "opacity" : "1" }, 500);
});
});
$('.wrap').hover(function() {
$(this).children('.front').stop().animate({ "opacity" : "0.7" }, 500);
$(this).children('.front').stop().animate({ "opacity" : "0.5" }, 500);
}, function() {
$(this).children('.front').stop().animate({ "opacity" : "1" }, 500);
});
});
Jak osiągnąć podświetlanie i gaśnięcie ?