Viewing Thread:
"Lightbox 2"

Hi

I have just uploaded a new website www.gardenpigs.co.uk

All is working fine locally on my machine but once live on the web I seem to have two issues.

1) The Flash movie on the home page no longer works

2) The Lightbox 2 (JQuery) now no longer works, when you click on an image it just loads a new white page with the image in the corner.

Can any one help?

Thanks

Paul

You have Google Analytics Javscript code at the bottom of the page that is escaped incorrectly. Try changing document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

to

document.write(unescape("%3Cscript src='" + gaJsHost + 'google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

Currently the Javascript errors because of this. It is probably why your flash player doesn't start (as it's invoked using Javascript) and why you lighbox is broken.

Hi and welcome to the forums!
I've just had a very quick look - as I'm supposed to be doing something else! ;¬)

FWIW You have a few script errors to clear up.
In IE look at the bottom left of your browser for details or Tools>Error Console in FF.

Also in FF you might like to check the image at the bottom of the page.

Lightbox - do the images need to be in your 'images' directory?
Or it's possible you might have this problem as it looks as if you are using Dreamweaver.

See the first Support item
"It doesn't work at all. The image opens up in a new page. What's wrong?
This is commonly caused by a conflict between scripts. Check your body tag and look for an onload attribute."

(I tried posting the text here but Freeola don't allow long file names etc.)

Flash movie - Is it a SWF or FLV you are playing, and I take it you have uploaded it?

Not sure this is helping you very much!

Search Freeola Chat

Hi Paul

I have just had a brief look at your site. Regarding the lightbox, try putting the lightbox script tags before the image include tag, like this:


<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" href="css/lightbox.css" type="text/css" media="screen" />


<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
...
(etc)
</script>



It might be a bit more involved than this, but there are no other obvious errors at first glance.

As a side note, you are using the 'Prototype' version of lightbox, not JQuery - there is a JQuery one available that is based on this original one, which you could also try.

Hi

I have just uploaded a new website www.gardenpigs.co.uk

All is working fine locally on my machine but once live on the web I seem to have two issues.

1) The Flash movie on the home page no longer works

2) The Lightbox 2 (JQuery) now no longer works, when you click on an image it just loads a new white page with the image in the corner.

Can any one help?

Thanks

Paul