Почему после изменения нажмите img src/picture?

Question

Я пытаюсь выполнить переходное состояние от Transition State 1 к Transition State 2

Разработана технология, я использую, чтобы выполнить этот JavaScript, поскольку JavaScript может динамически «изменить содержание HTML элементов» - JavaScript

Вот это JFiddle

я увидел, что для изменения ГКЗ тега изображения в HTML, вы должны выполнить эту строку кода (от Change Img Src)

document.getElementById("imageid").src="../template/save.png"; 

Вот весь мой код JavaScript для части изображения меняющегося (с моей JFiddle)

(function() { 
    alert("got here"); 
    function pageLoad() { 
     document.getElementById("choice1").onclick = getPicture("http://i.imgur.com/e95oMVZ.jpg"); 
     document.getElementById("choice2").onclick = getPicture("http://imgur.com/dOlZ19H");  
    } 
    function getPicture(imageUrl) { 
      document.getElementById("picture").src = imageUrl; 
    } 
    window.onload = pageLoad; 
})(); 

Я уверен, что я был следовать соглашения об JavaScript Arguments, проверили мои идентификаторы и закодирован уведомление о чтобы убедиться, что JavaScript был исполнен.

После всего этого, когда я нажимаю на select2, изображение все равно не меняется ... Кто-нибудь знает, в чем проблема?

Answer 1

Вам необходимо установить функцию onclick. Вы вызываете функцию сразу, а не при нажатии элемента.

function pageLoad() { 
    document.getElementById("choice1").onclick = function() { 
     getPicture("http://i.imgur.com/e95oMVZ.jpg"); 
    }; 
    document.getElementById("choice2").onclick = function() { 
     getPicture("http://imgur.com/dOlZ19H"); 
    }; 
}