Question

我遇到影子框显示正确图像的问题。我有一个非常基本的图像库，包括小图像，中图像和大图像。以下是jQuery示例：

$('.product-gallery li a').click(function() {
    var imgmedium = $(this).children('img').attr('name');
    var imglarge = $(this).attr('rel');
    $('.product-main').children('a').children('img').attr('src',imgmedium);
    $('.product-main').children('a').attr('href',imglarge);
    return false;
});

现在一切正常，我可以通过DOM告诉所有必要的标签在点击时都在变化，但是总是打开的shadowbox中的主图像是默认图像（不是通过jQuery加载的新图像）

有解决方法吗？

加载的HTML：

<p class="product-main"><a href="images/test-product-1-large.jpg" rel="shadowbox"><img src="images/test-product-1-medium.jpg" alt="" width="420" height="587" /></a></p>

单击缩略图后，

会变为（正确地说，我可以在Firefox中告知此查看选择源）：

<p class="product-main"><a href="images/test-product-2-large.jpg" rel="shadowbox"><img src="images/test-product-2-medium.jpg" alt="" width="420" height="587" /></a></p>

然而，当我点击链接时，它会在shadowbox中打开原始产品-1图像（非常烦人）。

有什么想法吗？

更新：此处的示例页面（http://www.adrianjacob.com/test/test.html）

FIXED： Shadowbox.clearCache（）; Shadowbox.setup（）;

添加到jquery函数：）

阿迪

shadowbox和jQuery问题

0 个答案: