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