仅使用javascript将图片添加到幻灯片中

Question

我在我正在创建的网站上播放幻灯片，我想知道如何点击单独的图片并使用简单的javascript动态添加到幻灯片中

Answer 1

像这样的东西

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

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

});

Answer 2

使用jQuery这样的JavaScript框架（你真的应该这样做，即使对于小功能，因为它确保你的代码符合跨浏览器）：

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

上面的代码（基于jQuery语法）将适用于您添加到文档中的所有图像，而无需为每个图像编写新代码。

我真的建议您使用某种框架来操作HTML DOM。自己尝试创建跨浏览器安全性是一件非常混乱的事情。

如果您担心大小，那里有许多微小的JS框架使用类似于jQuery的语法。