Изменение фона изображения по клику ⇐ CSS

[Anonymous]

У меня есть изображение, для которого мне нужно изменить фон при нажатии. Для этого я использовал следующий JavaScript и HTML. Для простоты я сначала предпочел красный фон, а для эталонного изображения — прозрачный фон.
Код:

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

img-thing.png

Click the button to change the background color of the picture contained in the iframe.

Try it


function myFunction()
{
var x = document.getElementById("myframe");
var y = (x.contentWindow || x.contentDocument);

y.body.style.backgroundColor="red";
}

Я знаю, что использование iframe здесь может быть неправильным, поэтому я попробовал:

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

[img]img-thing.png[/img]

вместо iframe. Если я удалю поле src из тега iframe, все будет работать нормально. Но когда я вставляю изображение и нажимаю «Попробовать», это не работает. Пожалуйста, помогите.

Подробнее здесь: https://stackoverflow.com/questions/241 ... e-on-click