2011-07-14 143 views
3

我在其中一个图像(下)[website为live]中添加了一些“lightbox”效果的代码,该代码会打开YouTube视频。在Chrome浏览器/火狐浏览器中效果不错的灯箱代码

Lightbox Image

插件的名称叫做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中是否有任何特定的修复?

+0

哪个版本的IE(S)你需要这个工作? – thirtydot

+0

大部分(如果不是全部) – admintech

+0

你可以发布你的代码来初始化这个插件吗? – ShankarSangoli

回答

1

我建议你尝试'默认'Joomla的机制创建弹出窗口。 这很容易实现。要使其工作,只需将此代码添加到您的模板下面的代码

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

并将类'模态'添加到应打开弹出窗口的链接。 http://www.jeepstone.co.uk/2009/03/06/open-content-in-a-modal-pop-up-in-joomla/ 我希望这会帮助你。如果没有 - 遗憾浪费你的时间。

UPD

你的设置代码,为什么你不使用代码教程中的一个在demo

<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('....')做什么?

+0

我会测试一下,看看我得到了什么 – admintech

1

我不确定插件是否支持IE≤7,可能应该像开发者所说的那样,但似乎问题在于将IE切换到不同的document mode(在IE8的情况下)和同时使用一个JavaScript库 - IE8.js, claiming: "it makes IE behave like a standard-compliant browser",它看起来与这个插件不兼容(或者更确切地说,这个插件不包含这个库)。因此,要使其工作,尽量消除这种条件注释:

[线路39]

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

或者可能删除此meta元素(这应有助于使其至少在IE8工作):

[5号线]

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> 
相关问题