Lightbox and Mojo ?

This is an open forum for any mojoPortal topics that don't fall into the other categories.

This thread is closed to new posts. You must sign in to post in the forums.
6/17/2010 8:50:24 PM
Gravatar
Total Posts 101

Lightbox and Mojo ?

 

Hi,

Whats the cleanest/recommended way to integrate the following into a Mojo site/theme ? (instead of the existing image viewer)

http://leandrovieira.com/projects/jquery/lightbox/ 

=============================================================================









=============================================================================




6/18/2010 12:57:41 AM
Gravatar
Total Posts 101

Re: Lightbox and Mojo ?

 

I have the lightbox working.. But not 100% its the right way to do it in MOJO..

 

1) create a directory  /ClientScript/lightbox    and  /ClientScript/lightbox/images

2) Grab the latest version of the code from:    http://leandrovieira.com/projects/jquery/lightbox/ 

3) Copy the jquery jquery.lightbox-0.5.min.js to a new file called jquery.lightbox-0.5.min-mojo.js

    and modify the images/  to /ClientScript/lightbox/images/

    Place this file in the /ClientScript/lightbox directory

4) Copy the jquery.lightbox-0.5.css into the /ClientScript/lightbox directory

5) Copy the images folder from the zip file into the /ClientScript/lightbox/images folder (this has back/close buttons etc)

OK.. Now we are ready to use this in a SKIN.

6) Edit your skins  LAYOUT.MASTER file.

     Place the code below directly above the div id = "wrapwebsite" line:




 

NOTE the style above can be changed to your needs.

Now you can simply add the following to any HTML content page. (NOTE the GALLERY ID is needed for this to WORK, it also works with TABLES).

 

 

 

You must sign in to post in the forums. This thread is closed to new posts.