http://visually-minded.com/portfolio-project.php
在上面的链接上,当用户将鼠标悬停在任何缩略图上时,主图像将被交换.任何人都可以为我提供指导教程的正确方向吗?
最佳答案
与html:
<img id="target" src="full_img_name1"/>
<a href="full_img_name1"><img src="thumb1"/></a>
<a href="full_img_name2"><img src="thumb2"/></a>
<a href="full_img_name3"><img src="thumb3"/></a>
和一个脚本:
$("a img").hover(function(){
var img = $(this).closest('a').attr('href');
$('#target').show().attr('src',img);
},function(){
$('#target').hide().attr('src','');
});