Question

我是网站的新手，对ASP.NET来说相对较新（至少在商业上）。

这里有点滑稽的问题。我在同一页面上使用了一些JQuery插件。我要做的是在鼠标悬停在图像上时显示缩略图图像预览，然后在点击后将图像切换到另一个图像，并在FancyBox中显示此图像 - 如果您愿意，可以调用3个单独的图像（让我们调用）他们A，B和C）。所有这些都在滑块内（另一个JQuery插件）。

我设法让图像悬停在滑块内工作，甚至是相同图像的花式框;即imgB悬停和imgB显示在花式框中。问题是我在点击并显示FancyBox时无法切换到imgC。问题是图像预览代码和FancyBox都需要＆lt;'a'＆gt;标签，显然不能互相嵌套。我的Javascript代码如下：

<script type="text/javascript">
    $(document).ready(function() {           

        $("a#imgB").fancybox();

    });
</script>

我的html图片代码如下：

<a href="image/imgB" class="preview" id="imgB">
    <img src="image/imgA" alt="Image A">
</a>

上面的代码将'imgB'图像显示为悬停，并在点击后在FancyBox中显示相同的图像。我想要做的是按原样保持悬停，但是一旦点击，将FancyBox图像切换为另一个 - imgC。根据FancyBox网站，您可以通过更改HREF设置强制更改HREF。我尝试了一些变体，包括：

$("a#imgB").fancybox({
   'href': href.replace('image/imgC.jpg')           
});

但不幸的是，这不起作用。我感觉这是一种非常简单的东西，它盯着我的脸，但无法弄明白。我会感激任何帮助。

谢谢！

Answer 1

通过对脚本进行简单更改来修复它：

$("a#imgB").fancybox({
  'href': 'image/imgC.jpg'           
});

看起来它过于复杂化了。 D'哦！：O）

Answer 2

你可以修改悬停插件来取代div容器吗？我认为没有理由说你只能在链接上进行悬停