Javascript, изменяющий источник изображения

Question

У меня есть javascript, который запускает таймер, который что-то оживляет на веб-сайте.

Это все работает отлично, но я хочу, чтобы получить изображение, чтобы измениться, когда анимация запускается, он использует JQuery:

if(options.auto && dir=="next" && !clicked) 
{ 
    timeout = setTimeout(function(){ 
if (document.images['bullet1'].src == "img/bulletwhite.png") 
{ 
     document.images['bullet1'].src = "img/bullet.png"; 
     document.images['bullet2'].src = "img/bulletwhite.png"; 
} 
animate("next",false); 
        },diff*options.speed+options.pause); 
       } 

options.auto означает, что его автоматически на велосипеде, реж направление движения и щелкнул, будет ли пользователь щелкнуть его.

Что-то не так с моим синтаксисом здесь? Я запустил с ним firebug, и он не бросает никаких ошибок, он просто не сработает. Любой совет поможет!

Я должен упомянуть, что src bullet1 начинается с bulletwhite.png, а затем я надеялся, что он изменится на bullet.png и изменит bullet2 на bulletwhite.png.

Answer 1

В соответствии с кодом, который вы опубликовали, на второй строке есть странная точка с запятой, но, возможно, это просто опечатка.

Почему бы вам не попробовать вызов JQuery attr() вместо использования массива document.images?

$('img[name="bullet1"]').attr('src', 'img/bullet.png'); 

Answer 2

document.images['bullet1'].src == "img/bulletwhite.png" 

Вы уверены, что это условие никогда не встречались?

Обычно imageElement.src свойства имеет абсолютную/разрешенное версии того, что находится в Src атрибуте. (Это также относится и к HREF атрибута/свойства.)

<img src="/images/img1.png"> 

...

document.images[0].src => "http://127.0.0.1/images/img1.png"