在缩略图的鼠标输出中清除图库中的主图像?

时间:2015-06-05 18:21:46

标签: javascript image gallery

我正在使用此处找到的脚本:

Automatically load an image using javascript

我正在使用它们构建图像库,其中主图像在mouseenter上加载缩略图图像,但我的主图像开始为空白而不是第一个缩略图,如答案中所示。我需要知道如何在每个缩略图的mouseout上清除主图像为空白?

1 个答案:

答案 0 :(得分:0)

尝试JQuery .mouseout(),如下所示:

$('.thumbnails img').mouseout(function () {
    this.src = '';
});

点击http://jsfiddle.net/cnx65ev0/查看它是否正在运行。将鼠标悬停在图像上,当您离开图像时,它们会变成空白。我希望这就是你想要的。