LyteBox Setup Tutorial PDF Print E-mail
Written by Administrator   
Tuesday, 11 December 2007 19:49

Note - The lytebox script is by default disabled. If you wish to use it you must enable this script in the template's configuration area. This also includes site shaper installations.

The already enabled LyteBox feature gives your site a dazzling picture display!

Make sure to click on each of the examples.

LyteBox comes pre-installed with this template just follow the tutorials below to setup your images.

Single Image Example

one

To enable use the following around any image:

<a href="http://www.yoursite.com/images/popup.jpg" rel="lytebox" title="Your Description."><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail.jpg" alt="Description" width="214" height="61" /></p></a>

Grouped Images Example

Description Description Description

To enable use the following around any group of images:

<a href="http://www.yoursite.com/images/popup1.jpg" rel="lytebox[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail1.jpg" alt="Description" width="214" height="61" /></p></a>
<a href="http://www.yoursite.com/images/popup2.jpg" rel="lytebox[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail2.jpg" alt="Description" width="214" height="61" /></p></a>
<a href="http://www.yoursite.com/images/popup3.jpg" rel="lytebox[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail3.jpg" alt="Description" width="214" height="61" /></p></a>

Slideshow Example

Description Description Description

To enable use the following around any group of images:

<a href="http://www.yoursite.com/images/popup1.jpg" rel="lyteshow[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail1.jpg" alt="Description" width="214" height="61" /></p></a>
<a href="http://www.yoursite.com/images/popup2.jpg" rel="lyteshow[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail2.jpg" alt="Description" width="214" height="61" /></p></a>
<a href="http://www.yoursite.com/images/popup3.jpg" rel="lyteshow[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail3.jpg" alt="Description" width="214" height="61" /></p></a>

 



I like what I see! I want to JOIN TODAY
Last Updated on Tuesday, 12 January 2010 20:19
 

Login Form



Joomanager

The Joomanager component does not come included in the Shape 5 site shapers. It must be downloaded and installed separately from Joomanager.com



When joining Joomanager.com you will have access to a quick install of Portfolio which is the same as a site shaper that will include Joomanager.com and all the demo data.

S5 Quick Contact






Why Choose Us?

presentation
View our Presentation and find out



We are a small firm outside of Curabitur laoreet Our 5 minute presentation will give you 5 good reasons.
Fusce molestie ligula sed nisi dictum egestas. Duis in elit nec nunc vulputate dignissim. Donec sit amet

Our Skills and Knowledge:

Actionscript; Content Management Systems (CMS); Cascading Style Sheets (CSS); Javascript; PHP; Search Engine Optimization (SEO); XHTML; XML

Copyright © 2024. Portfolio. Designed by Shape5.com