Код не работает, как ожидалось

Question

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

По сути, я пытаюсь изменить изображение на инвертированную при наведении мыши. Пока что я только тестирую изображение с идентификатором «crew1». Вот код:

<script type="text/javascript">
function imageChange(oldID) {
    var a = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg";
    var b = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg";
    var c = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg";
    var d = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg";
    switch(oldID) {
        case "crew1":
            document.getElementById(oldID).src=a;
            break;
        case "crew2":
            document.getElementById(oldID).src=b;
            break;
        case "crew3":
            document.getElementById(oldID).src=c;
            break;
        case "crew4":
            document.getElementById(oldID).src=d;
            break;
    }
}</script>

И соответствующий HTML-код:

<div>
<img onmouseover="imageChange("crew1")" id="crew1" src="http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder.jpg" alt="Picture of Crew 1" width="224" height="235">
<p>Crew 1 character description.</p></div>

Извините за плохое форматирование, но по какой-то причине закрывающий тег для script и div не отображаются, когда я помещаю их в новую строку.

Заранее спасибо за помощь.

Answer 1

В вашем HTML есть проблема с вложенными кавычками.Вы можете исправить это, переключив стиль используемых вами кавычек, поскольку JavaScript и HTML принимают как одинарные, так и двойные кавычки.Измените это:

<img onmouseover="imageChange("crew1")" ...>

На это:

<img onmouseover="imageChange('crew1')" ...>