Quantcast
Channel: Objective Development Forums
Viewing all articles
Browse latest Browse all 4524

Re: Lightbox Download Correct Version

$
0
0
Hi, I finally got around to playing with this. Lightbox now works.

The sequence I used was.

1. download Lightbox 2.
2. upload just the lightbox folder to your host/webyep-system/program/opt
3. In lightbox.js, the first function is:

LightboxOptions = (function() {

function LightboxOptions() {
this.fileLoadingImage = '/webyep-system/program/opt/lightbox/images/loading.gif';
this.fileCloseImage = '/webyep-system/program/opt/lightbox/images/close.png';
this.resizeDuration = 700;
this.fadeDuration = 500;
this.labelImage = "Image";
this.labelOf = "of";
}

return LightboxOptions;

})();

4. In your site, for each page, you have to add the following links to the js files:

<script src="../webyep-system/program/opt/lightbox/js/jquery-1.7.2.min.js"></script>
<script src="../webyep-system/program/opt/lightbox/js/lightbox.js"></script>

(your path may be different - just check the relative address). Also, the order of the scripts is most important. jQuery is first.

5. I added a path to the lightbox CSS files:

<link href="css/lightbox.css" rel="stylesheet" />

That's it!

Viewing all articles
Browse latest Browse all 4524

Trending Articles