在Chrome/Firefox中，Lightbox代码可以正常工作，但在IE中无法正常工作。

Question

我已经为我的图片（下面）添加了一些“lightbox”效果的代码[该网站已上线]，它会打开一个YouTube视频。 该插件的名称为YOOeffects。

这是设置的代码。

<p>
    <span id="avrpopup_eBay Marketplace" title="{handler:'iframe',size:{x:1024,y:768},url:'index.php%3Foption%3Dcom_avreloaded%26view%3Dpopup%26Itemid%3D25%26divid%3DeBay+Marketplace'}"></span>
    <a href="#" onclick="AvrPopup(event, 'eBay Marketplace', 'lightbox');">
        <img alt="120top_tips" src="/images/stories/content-images/120top_tips.jpg" height="186" width="150">
    </a>
</p>

这段代码在Chrome和Firefox中可以正常工作，但在IE中会扩展并变形。

我不太确定原因，是否需要在Internet Explorer中应用特定的修复措施？

- admintech

---

你需要在哪个版本的IE中运行此程序？ - thirtydot

你能发布一下初始化这个插件的代码吗？ - ShankarSangoli

问题中的代码不够吗？ - admintech

Answer 1

我建议您尝试使用Joomla的“默认”机制来创建弹出窗口。这很容易实现。只需在模板中添加以下代码即可使其正常工作。

JHTML::_('behavior.modal');

并将类“modal”添加到应打开弹出窗口的链接。 {{link1：http://www.jeepstone.co.uk/2009/03/06/open-content-in-a-modal-pop-up-in-joomla/}} 我希望这可以帮助您。如果不行-很抱歉浪费了您的时间。

更新

您的设置代码与演示中的代码不同。

<a rel="ligthbox;width=405;height=340" title="1984 Apple's Macintosh Commercial" href="http://www.youtube.com/v/OYecfV3ubP8&amp;autoplay=1">YouTube</a>

为什么你没有使用教程中的代码？ 函数AvrPopup('....')是做什么用的？

- Ruslan Polutsygan

---

我会测试一下，看看得到什么。 - admintech

Answer 2

我不确定此插件是否支持IE ≤ 7，开发者说应该支持，但问题似乎在于将IE切换到不同的文档模式（对于IE8），同时使用一个javascript库——IE8.js，声称： "它使IE表现得像符合标准的浏览器" , 这个库似乎与这个插件不兼容（或更准确地说，插件没有考虑到这个库）。因此，为了使其工作，请尝试删除此条件注释：

[第39行]

<!--[if lt IE 8]>
<script src="/templates/actinic/js/IE8.js" type="text/javascript"></script>
<![endif]-->

或者可能删除此元素（这应该至少有助于在IE8下使其工作）：

［第5行］

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

- Adam