Joomla 3.0 Light Box without any 3rd party plugin

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

No comments:

Post a Comment

Pages