Java Script confusing my son

[Keltic Ice Man]

I wonder if anyone can help my 13 yr old son - he's building a website using blogger for a friend who does face painting.

He has put a script together that works in Firefox but he cant work out why it doesnt work in Internet Explorer so I'm wondering if anyone can help.

The java script produces a lightbox for photos, so the site shows thumbnails and you click and the lightbox kicks in. As I say it all appears great in firefox, but on IE as soon as the site loads it gets a black screen over it.

The site is www.jellinelli.com

Any clues would really help
Thanks

Allan

 

[NOJ75]

Viewing the site on my iPhone so can't be exactly sure but this could be a CSS issue. Looks like the the JS overlay has not been hidden correctly.

Like I said, can't be sure at the moment. Will take a look tomorrow night on my Mac.

Did he write the JS himself or is it a downloaded plugin fir jQuery etc?

 

[adamgasson]

The Javascript is LightBox based so I can't see why it isn't working. From reading around I think it's more a CSS issue than Javascript. This link seems to help from what I can see.

The issue may be that Blogger won't allow you the freedom to add the extra CSS and script.

 

[Keltic Ice Man]

Thanks, Ill find out the answers when he comes home from school.

 

[neil_g]

my money is on this section:

<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js' type='text/javascript'/> 
<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js' type='text/javascript'/>
<script src='http://jellihosting.hostwebs.com/lightbox/lightbox.js' type='text/javascript'/></script>

each line needs the script tags to be closed.

oh and please please please tone the colours down.. red writing on green really hurts the retinas..

 

[howitzer]

my money is on this section:

<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js' type='text/javascript'/> 
<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js' type='text/javascript'/>
<script src='http://jellihosting.hostwebs.com/lightbox/lightbox.js' type='text/javascript'/></script>

each line needs the script tags to be closed.

oh and please please please tone the colours down.. red writing on green really hurts the retinas..

Yup, IE doesn't like short tags for javascript files, replace the 3 lines with the following and see if it fixes it.

<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js' type='text/javascript'></script> 
<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js' type='text/javascript'></script>
<script src='http://jellihosting.hostwebs.com/lightbox/lightbox.js' type='text/javascript'></script>

 

[Keltic Ice Man]

Thanks everyone, he tells me hes tried the suggestions above but still no joy, I'm hoping to sit him down tonight (you know whats its like, football, scouts, etc etc) and try them again.

But any other ideas would be great - its just IE that seems to have problem with the code

 

[Keltic Ice Man]

So it was down to the ajaxgoogle, instead of hosting it himself, and down to closing the scripts - So a big Thanks to everyone - he is very happy now.

 

[razor777]

This issue seems to be prevalent when too many images are used with lightbox, have you attempted to dropping the image count to 1 as a test just to see if it works?

I believe it has something to do with the way lightbox utilises the opacity attribute.