jquery - 我有六张图像，悬停时如何显示一张大图像？

Question

我想做的是，当您将鼠标悬停在六个较小图像中的任何一个上时，显示六个较大图像中的一个。

大图像将由六个较小的占位符组成。

所附图片显示了我正在尝试做的几个示例。

感谢您对此的任何回答。

Answer 1

你的意思是这样吗？

http://jsfiddle.net/vkAbg/

$('#images img').mouseover(function(){
    $('#more-images img').remove();
    for(var i = 0; i < 6; i++)
    {
        $('#more-images').append($(this).clone());
    }
});

这是一个更新的示例，其中包含更多图像:http://jsfiddle.net/vkAbg/1/

更新

根据您的评论，以下更新似乎更符合您的要求:

http://jsfiddle.net/vkAbg/2/