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!
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!