Question

我有一个用缩略图制作的jquery滚动条，我正在尝试创建一个迷你脚本。

当用户点击缩略图时，它会更新如下代码：

<div id="big_image">
    <img src="HERE.jpg" alt="my image"/>
</div

因此，当您单击滚动条上的缩略图时，它会更新页面上IMG标记的SRC吗？我有什么想法可以开始吗？

Answer 1

$('#scroller img').click(function() {
    $('#big_image img').attr('src', whatever_full_size_image_src_is_for(this));
}

Answer 2

// Replace larger image with src of whatever thumbnail you clicked
$("img.myImage").click(function(){
  $("img.bigImage").attr("src", $(this).attr("src"));
});

请注意，除非您将大图像压缩为缩略图大小，否则这对您的问题来说不是一个非常优雅的解决方案。老实说，如果你将大图像压缩成缩略图大小，那也不是一个很好的解决方案。

Answer 3

 function updateImage()
 { 
   $("#big_image > img").attr("src","imagePath"); 
 }

您可以在缩略图onclick事件中使用此功能。

单击切换图像src

3 个答案: