Как изменить содержимое элементов изображения?

Question

Как изменить содержимое элементов изображения аналогично изменению содержимого в элементах p (HTML-абзац)? (обратитесь к: http://www.w3schools.com/jquery/html_html.asp)

Я хотел бы иметь кнопку эффекта рассеяния + сортировку рядом с карусельным изображением по умолчанию, которое при щелчке будет, как вы уже могли догадаться, разбросать и отсортировать в шаблоне канцелярских принадлежностей ,

Кроме того, при нажатии кнопки происходит переключение между видами «Scatter + Sort» и «Carousel».

Вот то, что я до сих пор:
вид Carousel - https://gyazo.com/18e67f7347de3310d155c0b8624b3716
Стационарный вид - Imgur (точка) ком/а/Coreg [Мне нужно 10 повторений, чтобы получить возможность отправлять две ссылки]

Что я намереваюсь на делаю следующий аналогичный подход к проекту Дженнифер Дьюальт в день в течение 180 дней, за исключением того, что я делаю 100 проектов в течение неопределенного периода времени.

Обновление: У меня есть кнопка для создания изображения, но контейнер изображений (карусель) по-прежнему находится на странице и не исчезает при нажатии кнопки. Кроме того, изображение отображается как недоступное в левом верхнем углу экрана перед нажатием кнопки.

Обновление 2: Что-то, что я просматриваю: www (dot) w3schools (dot) com/css/css3_animations.asp. Итерация анимации равна 1. Я думаю, возможно, если это возможно, переписать класс контейнера (карусель) в css, а затем вытащить код в html-файле, чтобы я мог манипулировать элементами в контейнере.

Answer 1

document.getElementById("myImg").setAttribute("src", "my-new-image-source.jpg");

http://www.w3schools.com/jsref/met_element_setattribute.asp