Question

我正在制作一个小图片库，在那里你翻转一个小缩略图，较大的图像会显示在它上面。单击图像将在叠加层中加载完整大小的版本。

http://shopcoobie.server303.com/shop/

问题在于更大的图像，翻转工作正常，但是我更新指向全尺寸图像的href的脚本似乎只在我第一次单击图像时起作用。

$$('.thumbs img').each(function(s) {

$(s).observe('mouseover', function(e) {
    var el = e.target;
    var thumb = $(el).src;
    var large = $(el).alt;
    $(el).up(3).down(1).href = large;
    $(el).up(3).down(2).src = thumb;
    console.log((el).up(3).down(1).href);
    console.log(thumb);
 });
});

控制台输出正确的图像参考，所以看起来应该可以工作（并且部分工作），我只是不确定为什么它只能工作一次。

由于富

Answer 1

我认为lightview插件首先构建其图像列表，然后动态更改src，并且不会更新。因此，请尝试在上面的鼠标悬停处理程序末尾添加对Lightview.updateViews();的调用。

来自Lightview：

Lightview.updateViews（）：强制重置所有Lightview 页面上的元素。大多数时候你不需要这样做 Lightview将重新开始自动插入元素。后更新它可能存在的现有元素需要调用此函数。

所以你的情况是它不能自动获取变化。

更新目标href问题

1 个答案: