Images won't show on Firefox

User 123992 Photo


Registered User
3 posts

Hello,
I made this website with the HTML editor :
http://www.happysewlucky.com/

I have a problem with a few pages that have a script with images and thumbnails and a mouse over :
http://www.happysewlucky.com/santa.html
http://www.happysewlucky.com/sweetangel.html
http://www.happysewlucky.com/lilbirdiesgold.html
http://www.happysewlucky.com/lilbirdiesblue.html
...
Somehow they work well in the browser preview of the HTML editor, but once uploaded they won't show on Firefox (chrome and safari are working well)

Any help welcome!
Sandrine
User 562592 Photo


Registered User
2,038 posts

Couple of questions. First, are the other pages you listed supposed to look like the main page, with a giant image in the middle that fades in and out?

Because your code is not labeled it is difficult to discern what is going where. I have a couple observations. first, it appears as if you are using javascript to call in your pictures. There could be something inconsistent with the construction of that script. Might I suggest using something from:
http://www.htmldrive.net. they have great scripts, much lighter and more contemporary.
Second, the only inconsistency I could see is that on the pages outside of the main page you have inserted styles into the header, whereas on the main page you did not. I also noticed one of your classes lists "display:none". Check that out as well.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 123992 Photo


Registered User
3 posts

Ok, I found a solution to my problem, I am posting it here in case it might be of help for other users.
In the little JavaScript calling in the pictures , the path was referred as :

document.write('<img class="bigimage" id="bigimage' + i + '" ' + 'src="p\\' + i + '.jpg"/>');

I replaced the p\\ with p/ and now the pictures are showing on Firefox as well as on the other browsers.
User 364143 Photo


Guest
5,410 posts

Congratulations for tracking down the problem in the script. It's better to walk the walk than talk the talk. :)
CoffeeCup... Yeah, they are the best!
User 184085 Photo


Ambassador
1,707 posts

Nice site Sandrine, but I don't think Don Cherry would wear a suit like that Santa, to subtle for grapes to pull off :)
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.