js смена изображение на время. (по клику)

[stanislavmart]

<script>
function chg(id){
if (document.getElementById(id).src.indexOf("222.jpg" )>0){
document.getElementById(id).src="up.png"
}
}
</script>

Есть скрипт меняет изображение при нажатие на ссылку, нужно дописать чтобы через 3-4 секунды возвращалась картинка обратно.

Если кто умеет, помогите на таком же принципе сделать скрипт, меняющий надпись при нажатие ссылки на другое слово, и через время возвращает исходное название ссылки.

[stanislavmart]

<img src="222.jpg" id="img_1" onClick="chg(this.id)" >

[Sanda]

function chg(id) {
  var elem = document.getElementById(id);
  //сравнение не через >, а через >=
  //если там всегда '222.jpg', лучше вообще сделать через ===
  if (elem.src.indexOf('222.jpg') >= 0) {
    //сохраняем прежнее значение атрибута src
    var oldSrc = elem.src;
    //устанавливаем новую картинку
    elem.src = 'up.png';
    //и задаём возврат в исходное состояние
    //через 3 секунды
    setTimeout( 
      function () {
        elem.src = oldSrc;
      }
      , 3000
    );
  }
}

Аналогичным образом делается и смена текста в ссылке.

[lord2kim]

function chg(id) {
  var elem = document.getElementById(id);
  //сравнение не через >, а через >=
  //если там всегда '222.jpg', лучше вообще сделать через ===
  if (elem.src.indexOf('222.jpg') >= 0) {
    //сохраняем прежнее значение атрибута src
    var oldSrc = elem.src;
    //устанавливаем новую картинку
    elem.src = 'up.png';
    //и задаём возврат в исходное состояние
    //через 3 секунды
    setTimeout( 
      function () {
        elem.src = oldSrc;
      }
      , 3000
    );
  }
}

if (elem.src.indexOf('222.jpg') != -1) {

имхо проще и понятнее

[Sanda]

lord2kim,
согласен (: Так всегда и делаю, но увидев в скрипте '>0', потерялся и написал ерунду (: