イメージ要素の内容を変更するにはどうすればよいですか？

Question

イメージ要素の内容をp（HTML段落）要素の内容を変更するのと同様に変更するにはどうすればよいですか？ （http://www.w3schools.com/jquery/html_html.aspを参照してください）

画像のデフォルトカルーセルビューの横に散布+並べ替えエフェクトボタンがあります。このボタンをクリックすると、すでに推測したように、文房具テンプレート。

また、ボタンをクリックすると、「散布+ソート」と「カルーセル」の表示に切り替わります。ここで

は、私がこれまで持っているものです。
カルーセルビュー - https://gyazo.com/18e67f7347de3310d155c0b8624b3716
文房具ビュー - imgur（点）com/A/coreG [私は2つのリンクを投稿する10人の担当者を必要とする]

私は上のつもり何私が100のプロジェクトを不定期にやっていることを除いて、180日間、Jennifer Dewaltのプロジェクトと同じようなアプローチをしています。

更新：画像を表示するボタンがありますが、画像のコンテナ（カルーセル）はまだページにあり、ボタンをクリックしても消えません。また、画像は、ボタンをクリックする前に画面の左上に表示されません。

更新2：私が探しているもの：www（ドット）w3schools（ドット）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