MagicZoom 和 JQuery 对话框
我试图让 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"> mouseover to zoom or click to enlarge </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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
加载 AJAX 内容后调用
MagicZoom.refresh();
。Call
MagicZoom.refresh();
after loading the AJAX Content.尝试从 img 中的 alt 标签中删除撇号。
还可以尝试删除 class="special"。
Try removing the apostrophes from the alt tag in the img.
Also try removing the class="special".