[решено] Подмена картинки

[Smasher]

Целью является то, чтобы по клику картинка менялась с одной на другую и наоборот.

Вопрос: что я сделал в моём индусском коде не так?





Код:

Код: Выделить всё

<script> 
function flip(n,c) {
    document.getElementById("flyer").innerHTML="<a href=\""+src+"\" onClick=\"flip('"+c+"','"+n+"');\"><img src=\""+(c=="/img/flyer.png" ? "/img/flyer_b.png" : "/img/flyer.png")+/></a>";
    }
</script>
<div id="flyer"><a onclick="flip('/img/flyer_b.png','/img/flyer.png');"><img src="/img/flyer.png"></a></div>

Так же я только что испробовал такой код:





Код:

Код: Выделить всё

<SCRIPT> 
 function change()
      {
         if (document.getElementById("flyer").src == "/img/flyer.png") document.getElementById("flyer").src="/img/flyer_b.png";
         else document.getElementById("flyer").src="/img/flyer.png";
    }
</SCRIPT>
<a href="#" onclick="change();"><img id="flyer" src="/img/flyer.png" /></a>

Тоже никак.

[Sham]

Атрибут img srс в JS по идее содержит полный путь к файлу, а у вас строковое сравнение с частью урла. Из-за этого там всегда false.



Выдирайте имя файла из пути в src и сравнивайте по имени файла.

[Smasher]

Спасибо, вот так вроде работает



Код:

Код: Выделить всё

function change()
      {
         if (document.getElementById("flyer").src.split("/")[document.getElementById("flyer").src.split("/").length-1]=="flyer.png") document.getElementById("flyer").src="/img/flyer_b.png";
         else document.getElementById("flyer").src="/img/flyer.png";
    }

[Sham]

indexOf

попроще