Hello
Today we learn about how to use Joomla 3.0 light box without any thired party tool
1 . <?php JHTML::_('behavior.modal'); ?> use this code after head section .
2. <a class="modal" href="http://www.yoursite.com/sample.jpg">Click Here for Light Box Image</a>
Add a class model where you want to add your light box
3. If you want to add a Iframe
<a class="modal" href="http://www.yoursite.com/sample-page.html" rel="{handler: 'iframe', size: {x: 600, y: 300}}">Click Here for Light Box Iframe</a>
just Add class and rel command
4. If you want to add any component without showing header and footer
<a class="modal" href="http://www.yoursite.com/sample-page.html?tmpl=component" rel="{handler: 'iframe', size: {x: 600, y: 300}}">Click Here for Light Box Iframe</a>
you need to add "?tmpl=component " at the end of your url
Thats all
Thanks to
http://tech.j-download.com/light-box-popup-in-joomla-2-5-x-and-joomla-3-x-site
Today we learn about how to use Joomla 3.0 light box without any thired party tool
1 . <?php JHTML::_('behavior.modal'); ?> use this code after head section .
2. <a class="modal" href="http://www.yoursite.com/sample.jpg">Click Here for Light Box Image</a>
Add a class model where you want to add your light box
3. If you want to add a Iframe
<a class="modal" href="http://www.yoursite.com/sample-page.html" rel="{handler: 'iframe', size: {x: 600, y: 300}}">Click Here for Light Box Iframe</a>
just Add class and rel command
4. If you want to add any component without showing header and footer
<a class="modal" href="http://www.yoursite.com/sample-page.html?tmpl=component" rel="{handler: 'iframe', size: {x: 600, y: 300}}">Click Here for Light Box Iframe</a>
you need to add "?tmpl=component " at the end of your url
Thats all
Thanks to
http://tech.j-download.com/light-box-popup-in-joomla-2-5-x-and-joomla-3-x-site
No comments:
Post a Comment