Как поменять изображение с существующим изображением на сайте, используя HTML.

Question

У меня есть 5 изображений на моей веб-странице. 4 равны по размеру, и один намного больше, чем другие. Мне было интересно, как мне написать код для замены и изменения размера одного из меньших изображений по щелчку мыши, чтобы заменить большее, одновременно изменяя размер большего, чтобы он соответствовал меньшему.

Я попытался использовать onmouseover="swagImage('image')", но это просто заменяет изображение другим. Мне было интересно, как я мог сделать картинку поменять местами.

Answer 1

Это может быть то, что вы ищете: http://www.w3schools.com/js/js_htmldom_html.asp Посмотрите на нижний пример, он показывает вам, как изменить изображения. Теперь вместо примера обмена значениями src двух изображений следует изменить изображения в каждом месте.

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