2010-09-22 106 views
0

有没有人使用Joomla 1.5启动页面加载灯箱?joomla灯箱页面加载

我想建立一个插件着火物品时,页面加载的灯箱,但不知道汉王要做到这一点

+0

我已经做到了使用jQuery彩盒(灯箱)。但不是joomla默认的mootools灯箱。如果你想实现jQuery的一个。我可以告诉你。 – 2010-09-22 10:50:18

回答

1

其实原因很简单,当你知道你在做什么。 以下是使用Mootools 1.1和模态行为的原生Joomla 1.5示例代码。

如果你只想使用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打开模态窗口。如果您包含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> 
0

另一种情况是当您在页面上存在模态链接并且想要在页面加载时显示模态。用途:

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,有链接重新开放模式