Код лайтбокса отлично работает в Chrome / Firefox, но не в IE

Question

Я добавил код для эффекта «лайтбокса» на одном из моих изображений (ниже) [Веб-сайт в режиме реального времени], который открывает видео 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 есть какие-то конкретные исправления, которые мне нужно применить?

Answer 1

Я не уверен, что плагин поддерживает 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">

Answer 2

Я бы посоветовал вам попробовать механизм по умолчанию для создания всплывающих окон в 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('....')?