Javascripts innerHTML nie działa dla obrazów, ale działa z tekstem?

Ok, mam funkcję javascript, która przełącza wewnętrzny kod znacznika div, gdy użytkownik zmienia opcję wyboru listy rozwijanej ..

Wszystko działa poprawnie z tekstem, ale z tagiem obrazu przestaje działać?

Przykład pracy ...

function toggle(opt) {
        var d = document.getElementById('div_tag');
        if (opt == '5') {
                d.innerHTML = 'FIVE';
        }
        else if (opt == '4') {
                d.innerHTML = 'FOUR';
        }
        etc...
}

Nie działający przykład ...

function toggle(opt) {
        var d = document.getElementById('div_tag');
        if (opt == '5') {
                d.innerHTML = '<img src='path/img1.jpg'><img src='path/img2.jpg'>';
        }
        else if (opt == '4') {
                d.innerHTML = '<img src='path/img2.jpg'><img src='path/img1.jpg'>';
        }
        etc...
}

To jest to, co mam w moich znacznikach select i div.

<select onchange='toggle(this.value);'>
<div id='div_tag'></div>

Ktoś mi mówi, co robię źle tutaj, bo jestem zakłopotany .. dlaczego miałbym pracować, a nie drugi, kiedy to, co jest inne, to jedno, drugie to tekst?

Dzięki.

questionAnswers(2)

yourAnswerToTheQuestion