javascript - JavaScriptのみでスライドショーに画像を追加する

Question

作成中の Web サイトにスライドショーがあり、単純な JavaScript のみを使用して別の画像をクリックし、それをスライドショーに動的に追加する方法を知りたい

Answer 1

jQuery などの JavaScript フレームワークを使用する (コードがクロスブラウザーに準拠していることを確認するため、小さな機能であっても、実際に使用する必要があります):

$("img.addtoslide").click(function() {
  $(this).clone().appendTo("#slideshow");
});

上記のコード (jQuery 構文に基づく) は、ドキュメントに追加するすべての画像に対して機能し、画像ごとに新しいコードを記述する必要はありません。

HTML DOM を操作するために何らかのフレームワークを使用することを強くお勧めします。クロスブラウザーの安全性を自分で作成しようとするのは、非常に厄介なビジネスです。

サイズが心配な場合は、jQuery に似た構文を使用する小さな JS フレームワークがたくさんあります。

Answer 2

このようなもの

$(".separateImage").click(function(){

   $("#slider").append("<img src='1.jpg'/>");

});