PDA

View Full Version : Lightbox works offline but not online


donaldinho
07-17-2009, 12:00 PM
Hey First post - really needing some help here..

I have used lightbox a few times before and never really had any problems using it.

Now all of a sudden its just not loading correctly. It works great offline and but as soon as I upload to the server its not working it simply starts to load as if its looking for the image (with the white box and blackout background) then nothing happens.

I have tried moving around the JS and CSS to see if that helps as well triple checking that the files are all where they should be but still no joy...

Any and all help apreciated on this :D
Bob Barr
07-17-2009, 12:17 PM
What do you mean by it working offline?

If you're testing Lightbox locally in a Windows environment and it works there but fails under Linux hosting, one possibility is that one (or more) of your file or folder names is capitalized differently than it should be.

While Windows ignores any capitalization differences in names, Linux treats two different capitalizations of the same name as two different files/folders.
donaldinho
07-17-2009, 12:22 PM
yeah I mean exactly that.

I am running it locally fine but when uploaded with my hosting package it doesnt work - I am aware that linux is case sensitive, everything is lowercase (double checked when you commented just to be safe).

Html from header is:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>mysite</title>
<link rel="shortcut icon" href="images/icon.ico">
<link rel="icon" href="images/icon.ico">
<LINK REL="SHORTCUT ICON" REF="images/icon.ico">

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


</head>

from the body (for the photogallery) is:

<p align="left">
<a href="conf/image1.jpg" rel="lightbox[conf]" > <img src="conf/thumb1.JPG" width="100" height="75" /></a>
<a href="conf/image2.jpg" rel="lightbox[conf]" > <img src="conf/thumb2.JPG" width="100" height="75" /></a>
<a href="conf/image3.jpg" rel="lightbox[conf]" > <img src="conf/thumb3.JPG" width="100" height="75" /></a>
<a href="conf/image4.jpg" rel="lightbox[conf]" > <img src="conf/thumb4.JPG" width="100" height="75" /></a>
<p align="left">
<a href="conf/image5.jpg" rel="lightbox[conf]" > <img src="conf/thumb5.JPG" width="100" height="75" /></a>
<a href="conf/image6.jpg" rel="lightbox[conf]" > <img src="conf/thumb6.JPG" width="100" height="75" /></a>
<a href="conf/image7.jpg" rel="lightbox[conf]" > <img src="conf/thumb7.JPG" width="100" height="75" /></a>
<a href="conf/image8.jpg" rel="lightbox[conf]" > <img src="conf/thumb8.JPG" width="100" height="75" /></a>

Hope you can help...
dpgaldamez
04-09-2010, 09:35 PM
Did you ever get this working. I'm having the same exact issue. When testing in dremweaver, lightbox works fine, but when uploaded to bluehost, doesn't work. I know its not the code either because I uploaded to another server and the lightbox works...WTF
felgall
04-09-2010, 10:47 PM
Either you have wrong capitalisation of one or more of the files, have uploaded a file to the wrong place, or have forgotten to upload one or more files. Since a lightbox script runs in the browser it will always work the same provided all the files are where they are supposed to be.
dpgaldamez
04-09-2010, 10:50 PM
EVERYTHING is lower case. That still doesn't make sense especially if the exact same files are working no problem on another server? Both of which are Linux based.
felgall
04-10-2010, 01:11 AM
EVERYTHING is lower case. That still doesn't make sense especially if the exact same files are working no problem on another server? Both of which are Linux based.

In that case either a file was missed when uploading OR one has been uploaded to the wrong place. If the same files were in the same relative folders in both places and it works on one then it would also work on the other so there MUST be a difference in the file locations.
aaronp
04-26-2010, 02:19 PM
EVERYTHING is lower case.

no it isn't. Change all the JPG's into jpg's. check the files themselves to see if the file extension is capital or lowercase, and keep it the same in the code. I had the same problem once :)



from the body (for the photogallery) is:

<p align="left">
<a href="conf/image1.jpg" rel="lightbox[conf]" > <img src="conf/thumb1.JPG" width="100" height="75" /></a>
<a href="conf/image2.jpg" rel="lightbox[conf]" > <img src="conf/thumb2.JPG" width="100" height="75" /></a>
<a href="conf/image3.jpg" rel="lightbox[conf]" > <img src="conf/thumb3.JPG" width="100" height="75" /></a>
<a href="conf/image4.jpg" rel="lightbox[conf]" > <img src="conf/thumb4.JPG" width="100" height="75" /></a>
<p align="left">
<a href="conf/image5.jpg" rel="lightbox[conf]" > <img src="conf/thumb5.JPG" width="100" height="75" /></a>
<a href="conf/image6.jpg" rel="lightbox[conf]" > <img src="conf/thumb6.JPG" width="100" height="75" /></a>
<a href="conf/image7.jpg" rel="lightbox[conf]" > <img src="conf/thumb7.JPG" width="100" height="75" /></a>
<a href="conf/image8.jpg" rel="lightbox[conf]" > <img src="conf/thumb8.JPG" width="100" height="75" /></a>
alemcherry
04-29-2010, 08:32 AM
Copy paste the image URL and try to load them on a new briwser window. I guess either some JS or image are not uploaded correctly. Or could be a problem with relaive / absolute URL somewhere.