JQuery browser issue

[downbylaw]

Hi guys,

a couple of days ago I started learning JQuery. For my new website I’m trying to use JQuery to fade a splash in on the homepage; and on the references page slide a picture down.

I use the lastest version of Firefox (+ MAMP) to run the website locally in development. Yesterday I’ve added some JQuery code to the site… It worked perfectly on Firefox but when I decided to test it out on Safari, Chrome (and even Opera) the effects didn’t work… none of them!

It’s a very simple script but I can’t figure out what I’m doing wrong. I used all possibilities that I can imagine…

This is the code for the splash image on the homepage:

// CSS

#splash {

width: 930px;

height: 250px;

padding-top: 10px;

margin-left: 10px;

margin-right: 10px;

}



#splash img {

background-image: url('images/splash/splash_1.jpg');

-moz-border-radius: 15px; /* Firefox */

-webkit-border-radius: 15px; /* Safari, Chrome */

border-radius: 15px; /* CSS3 */

behavior: url(includes/border-radius.htc);

}

// PHP

Hope somebody can help!

[downbylaw]

Some of the PHP script did load correctly: (I’ve removed the first ‘<‘)

[jamygolden]

I don’t understand your second comment. Is this working correctly now?

[Mottie]

I cleaned up his code in the post… so the second post was to say the first one didn’t look right

[downbylaw]

Thx for cleaning up the post. It’s my first one… It’s still doesn’t work correctly.

[downbylaw]

Please?

[Senff]

Try replacing the script with this (no function around it and such):

[jamygolden]

Oh, I think I see the problem. You’re not using curly braces, you’re just using parenthesis.

Try this:

        $ (function(){

$('#splash').hide().fadeIn(1000)

}); 

[downbylaw]

Great! It works. Thanks a lot!

[Author]

Posts