backgroundPosition в javasctipt не работает

Question

В основном я сделал ролловер в CSS, но вместо этого я хочу его в javascript. Также я хочу, чтобы после загрузки моей страницы автоматически выбиралась одна из картинок. Я попробовал этот код для этого, но он не работает .. какие-нибудь идеи? по некоторым причинам это не вызывает функцию. PS: идентификатор также называется clicked3 в моем HTML

<script type="text/javascript">

window.onLoad=function(){
clicked3();
}

function clicked3(){
document.getElementById("clicked3").style.backgroundPosition = "-198px top";
}

</script>

Answer 1

Сделайте себе одолжение и используйте библиотеку javascript, такую ​​как jQuery ...

1) Javascript чувствителен к регистру, поэтому window.onLoad отличается от window.onload (правильный синтаксис)

2) Если ваше изображение имеет ширину ровно 198px (вы скрываете изображение), вы, возможно, забыли добавить background-repeat:no-repeat; в свой CSS, чтобы вы увидели копию этого изображения

В любом случае, ваш синтаксис для изменения положения фона корректен, посмотрите его в действии здесь:

http://jsfiddle.net/zszB4/

Answer 2

Настоящая причина, по которой ваш код не работает, заключается в том, что вы назначаете свою функцию несуществующему обработчику событий onLoad.window.onload - правильный синтаксис, обратите внимание, что все это в нижнем регистре.

http://jsfiddle.net/9Kh8f/3/

Answer 3

Вам не нужна функция window.onload = .. вы можете просто вызвать ...

window.onload=clicked3();

Рабочая демонстрация здесь для вас:)

http://jsfiddle.net/9Kh8f/