Javascript库性能

我正在创建带有拖动功能的图像库（就像在iPhone上一样）。 它从html div获取数据（可能超过15个图像）：

...

现在我看到了创建它的两种方法（使用拖动进行转换）：
-创建15个具有背景图像的div，并将它们显示为一个大条带

-创建3个div容器，并在转换完成后更改其背景图像属性和位置

---

创建此类库的最佳方法是什么？

如果您担心性能问题，您可以预加载接下来的两个“隐藏”图像，同时在页面加载时不加载所有图像，如

---

然而，你的问题似乎指向了你认为以上两种方法中的哪一种是最好的。我认为第一种会更好，但我不知道为什么你会在页面上使用背景图像而不是静态图像？除非我误解了你是如何使用“背景图像”这个词的。用一个div将所有图像放在一条线上并滚动浏览可能会更平滑。从语义上讲，您可以使用列表而不是div。

如果您希望以更多代码为代价最小化带宽使用，请使用第二个列表。如果您不介意带宽，请使用第一种方法，但由于您提到了超过15种，这可能不是最佳方法。

第一种方法（加载所有图像）可能有助于防止，但拖动转换的代码将对性能产生更大的影响。请看一下上面的代码，它对我来说一直很快。

谢谢，你帮了我很多忙。我是Android/iOS程序员，所以我还不了解浏览器渲染是如何工作的。所以我使用div，因为我看到Nivo滑块使用它们。但如果你说使用图像应该更好，我会使用它们。谢谢你的回答和关于渲染的精彩文章。

<div class="mySlideshow">
  <img src="img1.jpg"/>
  <img src="img2.jpg"/>
  <img src="img3.jpg"/>      
  ...
  <img src="img15.jpg"/>
</div>