0
A
回答
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,有链接重新开放模式
相关问题
- 1. 在页面加载灯箱
- 2. 页面加载橙盒(灯箱)
- 3. 在页面加载时自动加载灯箱
- 4. Joomla!灯箱和Joomla! gallery
- 5. 打开我的灯箱载入页面
- 6. 灯箱未加载
- 7. Joomla页面加载函数
- 8. Joomla页面加载栏
- 9. 灯箱javascript/flash的页面
- 10. 灯箱在aspx页面
- 11. 灯箱显示加载框在页面末尾
- 12. 在页面加载时打开弹出窗口(如灯箱)
- 13. 实现灯箱功能时的页面跳转加载
- 14. 如何在页面加载上使用灯箱?
- 15. 灯箱弹出不会弹出页面加载
- 16. 将ajax启用页面加载到facebox或其他灯箱
- 17. 调用Twitter的引导灯箱在页面加载
- 18. 开始在页面加载灯箱Cerabox + Mootools
- 19. 如何使页面加载出现fancybox灯箱
- 20. ASP.net,C#页面加载灯箱关闭问题
- 21. Joomla ImageBrowser灯箱不工作
- 22. Sandbox paypal-灯箱不加载
- 23. 加载灯箱双击
- 24. 在Drupal Views页面上添加lightbox灯箱幻灯片
- 25. 灯箱分页
- 26. Joomla 2.5页面加载速度极慢
- 27. Joomla com_extplorer继续重新加载页面
- 28. 预加载页面的Joomla与动画
- 29. Jquery加载Joomla模板页面
- 30. Codeigniter灯箱不显示联系页面
我已经做到了使用jQuery彩盒(灯箱)。但不是joomla默认的mootools灯箱。如果你想实现jQuery的一个。我可以告诉你。 – 2010-09-22 10:50:18