MagicZoom 和 JQuery 对话框

发布于 2024-08-02 12:41:56 字数 772 浏览 1 评论 0原文

我试图让 MagicZoom 和 MagicThumb 在 JQuery 对话框中工作。当我将鼠标悬停在图像上时,什么也没有发生,单击同一张图像会将您带到图像本身。所以看起来好像 magic Zoom javascript 没有被调用。 以下代码在其他地方也适用。

这是代码,

<a href="302734901.jpg" title="Blah" id="zoom1" rel="zoom-width: 330px; zoom-height: 408px; thumb-change: mouseover" class="MagicZoom MagicThumb">
<img src="302734901_small.jpg" alt="style #302734901 metal poly 'Levin.Ludwig' hooded windbreaker" class="special" width="340" height="408">
<span>Blah Blah</span>
</a>
<img class="MagicZoomLoading" src="/magiczoomplus/img/ajax-loader.gif" alt="Loading Zoom, please wait">
<div class="zoomInstruction">&nbsp;mouseover to zoom or click to enlarge&nbsp;</div>

如果有人尝试过成功,请告诉我。 谢谢, 娜塔莎

I am trying to get MagicZoom and MagicThumb to work inside a JQuery dialog. Nothing at all happens when I mouseover the image, clicking on the same image take you to the image itself. So it seems as though the magic zoom javascript is not getting invoked.
The following code works elsewhere.

Here is the code

<a href="302734901.jpg" title="Blah" id="zoom1" rel="zoom-width: 330px; zoom-height: 408px; thumb-change: mouseover" class="MagicZoom MagicThumb">
<img src="302734901_small.jpg" alt="style #302734901 metal poly 'Levin.Ludwig' hooded windbreaker" class="special" width="340" height="408">
<span>Blah Blah</span>
</a>
<img class="MagicZoomLoading" src="/magiczoomplus/img/ajax-loader.gif" alt="Loading Zoom, please wait">
<div class="zoomInstruction"> mouseover to zoom or click to enlarge </div>

Please let me know if anyone has tried this successfully.
Thanks,
Natasha

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

归途 2024-08-09 12:41:56

加载 AJAX 内容后调用 MagicZoom.refresh();

Call MagicZoom.refresh(); after loading the AJAX Content.

小嗲 2024-08-09 12:41:56

尝试从 img 中的 alt 标签中删除撇号。

还可以尝试删除 class="special"。

Try removing the apostrophes from the alt tag in the img.

Also try removing the class="special".

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文