Question

是否有人使用Joomla 1.5在页面加载时启动灯箱？

我想构建一个插件，在页面加载时触发文章的Lightbox，但不知道如何做到这一点

Answer 1

当你知道自己在做什么时，实际上非常简单。下面是使用Mootools 1.1和模态行为的Joomla 1.5原生的示例代码。

如果你只想使用SlimBox，那么你必须自己解决问题。所有的SlimBox都有点不同......

为了让我们打开一个模态窗口，我们需要做两件事。

Fist，包括JavaScript库和样式表。在我们的案例中，我们将包含modal.js

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

其次，包含JavaScript以打开模态窗口。如果您从PHP中包含JS，最好使用JFactory::getDocument()->addScriptDeclaration("// JavaScript Goes Here");将脚本包含到文档的HEAD中。

<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>

Answer 2

另一种情况是，页面上有现有的模态链接，并且您希望在页面加载时显示模式。使用：

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>"

显示模态onload并具有重新打开模态的链接

页面加载时的joomla灯箱

2 个答案: