JQUERY смяна на картинки

[teroristd]

Как може да стане при посочване с мишката на снимка да се появява друга на нейно място с фейд ефект. Нещо кото това ама да менка две картинки плавно.


jQuery(document).ready(function($){


// background hover
$("#content a img").hover(function() {
$(this).stop().animate({ "opacity": 0.5 }, 400);
},function() {
$(this).stop().animate({ "opacity": 1 }, 400);
});


});

 

[Ev0luti0N]

[js]jQuery(document).ready(function($){


// background hover
$("#content a img").mouseover(function() {
$(this).stop().animate({ "opacity": 0.5 }, 400);
},function() {
$(this).stop().animate({ "opacity": 1 }, 400);
});


});[/js]
http://api.jquery.com/mouseover/
:?:

 

[teroristd]

това не ми върши работа но мерси все пак

 

[Ev0luti0N]

това не ми върши работа но мерси все пак

[js]jQuery(document).ready(function($){


// background hover
var bg1 = 'snimka1.jpg';
var bg2 = 'snimka2.jpg';
$("#content a img").hover(function() {
$(this).attr("src", bg2);
},function() {
$(this).attr("src", bg1);
});


});[/js]

 

[mgechev]

Като се вкара и fade анимацията се получава това:

[js]
var firstImage = '1.jpg';
var secondImage = '2.jpg';
$(document).ready(function() {
$('#image').mouseenter(function() {
var currentImage = $(this).attr('src');
$(this).fadeOut(200, function() {
$(this).attr('src', ((currentImage == firstImage)?secondImage:firstImage));
$(this).fadeIn(200);
});
});
});
[/js]

А да анимираш по opacity не е много добра идея.

Поздрави!

 

[teroristd]

Това с опацити беше просто пример мерси и на двама ви оценявам го. :?: Не знам на кой да дам точката ще тегля чоп Живи и здрави.