PDA

View Full Version : Lightbox 2.03 help



kitten2781
04-21-2007, 06:13 PM
1) Script Title: Lightbox 2.03

2) Script URL (on DD): http://dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem:
I've added the lightbox to my site and I can't get it to work. I've tried lightbox v1 and v2.03 and all they do is open the image as a link, not in the lightbox itself. My site is http://www.dellaguardiacity.com/portfolio/dgcity.shtml . I have the lightbox on each page with images. Does anyone have any ideas as to what I'm doing wrong?
Thanks!:confused:

jscheuer1
04-21-2007, 08:28 PM
You have an edited version of scriptaculous.js. Replace it from the one from the distribution archive.

kitten2781
04-21-2007, 08:59 PM
where do i find that?

mburt
04-21-2007, 09:08 PM
http://www.dynamicdrive.com/dynamicindex4/lightbox/lightbox.js

kitten2781
04-22-2007, 12:55 AM
I used that lightbox.js code and it still isn't working like it's supposed to. any other ideas?

thetestingsite
04-22-2007, 12:58 AM
The only thing that I can see is that lightbox.css is not on the server. Try uploading that and it should work as it is supposed to.

Hope this helps.

jscheuer1
04-22-2007, 01:12 AM
where do i find that?

mburt doesn't seem to have understood your set up, his suggestion isn't applicable to what you have on the server. If you've replaced your lightbox.js with the one he suggests, you will need to get a fresh copy from the archive I've linked to below.

thetestingsite is partly right about the css but, it is on the server, change its location in your portfolio/dgcity.shtml file to:


<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Here is the location of scriptaculous.js on your server:

http://www.dellaguardiacity.com/portfolio/js/scriptaculous.js

Here is the location of the distribution archive on Dynamic Drive:

http://dynamicdrive.com/dynamicindex4/lightbox2/lightbox2.03.zip

Take the copy of scriptaculous.js from it and replace yours. Clear your cache and hope for the best.

kitten2781
04-22-2007, 04:59 AM
Thank you! I got it working now. Much appreciated.

Risheeta
05-20-2007, 04:18 PM
i've prob. with .js file i can't open it it's showing me sum kind of error:(

Risheeta
05-22-2007, 04:56 PM
i've prob. with .js file i can't open it it's showing me sum kind of error:(

WINDOWS SCRIPT HOST

Script: ......scriptaculous.js
Line: 32
Char: 7
Error: Exception thrown and not caught
Code: 800A139E
Source: Microsoft JScript runtime error

jscheuer1
05-22-2007, 06:58 PM
You don't need to edit the scriptaculous.js file. Any .js files that you do need to edit should be opened with notepad. As I recall, with this script, none of the .js files need to be opened.

Risheeta
05-22-2007, 07:55 PM
You don't need to edit the scriptaculous.js file. Any .js files that you do need to edit should be opened with notepad. As I recall, with this script, none of the .js files need to be opened.
thxx & now the last question...
everything is working but i can't c CLOSE, PREV, NEXT pictues
it's sumwhere in .css file but where:eek:

jscheuer1
05-23-2007, 04:14 AM
Well, now that I think about it, the close button's path (if different than the default) does need to be edited in lightbox.js (near the beginning), but that's only in some versions I believe.

In the css file, make sure that all the paths to the control images (next, previous, close, etc.) used in there are correct/valid. Use absolute paths if you are unsure. None of this should be a concern if you are using the exact directory structure, images, css file, and .js files that come in the distribution archive.

For previous/next, also make sure it is enabled via a group name in the rel="lightbox" attribute. For instance, all images in the 'joe' group would be like:

rel="lightbox[joe]"

Risheeta
05-26-2007, 02:26 PM
Well, now that I think about it, the close button's path (if different than the default) does need to be edited in lightbox.js (near the beginning), but that's only in some versions I believe.

In the css file, make sure that all the paths to the control images (next, previous, close, etc.) used in there are correct/valid. Use absolute paths if you are unsure. None of this should be a concern if you are using the exact directory structure, images, css file, and .js files that come in the distribution archive.

For previous/next, also make sure it is enabled via a group name in the rel="lightbox" attribute. For instance, all images in the 'joe' group would be like:

rel="lightbox[joe]"

THANKS it's working NOW :D