лайтбокс joomla при загрузке страницы - PullRequest
Новая
       2

лайтбокс joomla при загрузке страницы

0 голосов
/ 22 сентября 2010

кто-нибудь запускает лайтбокс при загрузке страницы с помощью Joomla 1.5?

Я хочу создать плагин для запуска лайтбокса статьи при загрузке страницы, но не знаю, как это сделать

Ответы [ 2 ]

1 голос
/ 22 сентября 2010

Это на самом деле довольно просто, когда вы знаете, что делаете. Ниже приведен пример кода, который является родным для Joomla 1.5 с использованием Mootools 1.1 и модального поведения.

Если вы хотите использовать только SlimBox, то вам придется все выяснить самостоятельно. Все SlimBox немного отличаются ...

Чтобы открыть модальное окно, нам нужно сделать 2 вещи.

Кулак, включает библиотеки JavaScript и таблицы стилей. В нашем случае мы будем включать modal.js

<?php
// You do know need to include mootools explicitly
// JHTML::_('behavior.modal') will include mootools library.
JHTML::_('behavior.modal');
?>

Во-вторых, включите JavaScript, чтобы открыть модальное окно. Если вы включаете JS из PHP, лучше используйте JFactory::getDocument()->addScriptDeclaration("// JavaScript Goes Here");, чтобы включить скрипт в заголовок документа. 

<script type="text/javascript">

// Use either domready or load event to open the modalbox
window.addEvent('domready', function(){
    var myAnchor = new Element('a', {
        'href': 'http://www.google.com',
        'class': 'myClass',
        'rel' : "{handler: 'iframe', size: {x: 800, y: 550}}"
    });
    SqueezeBox.fromElement(myAnchor);
});
</script>
0 голосов
/ 15 октября 2011

Другой сценарий - это когда у вас есть модальная ссылка на странице, и вы хотите отобразить модальное при загрузке страницы.Использование: 

window.addEvent('domready', function(){
    SqueezeBox.fromElement(document.getElementById('modalID'));
});

Там, где существует ссылка: 

<a class="modal" name="modalID" id="modalID" rel="{handler: 'iframe', size: {x: 400, y:     400}}" href="index.php?option=com_mycomponent&task=mytask&tmpl=component">Link Text</a>"

Отображает модальную загрузку и имеет ссылку для повторного открытия модального

...