Our New Module
HOT Weather will help you to show weather conditions on your site! Just enter your ZIP code and select simple or 3D mode and you're done!
Setup local weather conditions for your Joomla site in minutes! Or less...
Find Articles
Lightbox Gallery
- Details
- Published on Wednesday, 12 January 2011 11:43
- Hits: 276
If you like effect used on the images on this Demo site, you can use it for your site. This template comes with integrated jQuery Lightbox. Please prepare thumbnail image(s) and full size image(s) before proceeding.
Single Image Lightbox
If you don't know HTML, you can use built-in Joomla editor. What you need to do:
- Create a new paragraph and assign "gallery" ID to it
- Insert thumbnail image inside
- Link the thumbnail image with full-size image
- You are done!
HTML view should look close to this example:
<p id="gallery" align="center">
<a href="/skies/images/stories/sample.jpg" title="This is module positions layout.">
<img src="/skies/images/stories/sample_small.jpg" border="0" width="200" height="152" />
</a>
</p>
Multiple Images Lightbox
Here's what you need to do to make a mini gallery, using Joomla editor:
- Create a new paragraph and assign "gallery" ID to it
- Make an unordered list
- Insert thumbnail image inside every list element
- Link each thumbnail image with full-size image
- You are done!
HTML view should look close to this example:
<p id="gallery">
<ul>
<li> <a href="/demo_itstarts/images/stories/sample1.jpg" title="Step 2"><img src="/skies/images/stories/sample_small1.jpg" border="0" width="136" height="100" /></a></li>
<li> <a href="/demo_itstarts/images/stories/sample2.jpg" title="Step 3"><img src="/skies/images/stories/sample_small2.jpg" border="0" width="120" height="100" /></a></li>
</ul>
</p>
