2

我知道使用 sprite 可以节省 HTTP 请求，因此可以加快页面加载速度。

这与 jQuery 滑块有什么关系？jQuery 滑块是在页面加载时加载所有图像还是根据需要加载它们？是否可以/推荐为 jQuery 滑块使用精灵？

如果有人想知道，我使用的滑块是： https ://github.com/maelstrom/SecretSource

基本的 HTML：

             <div id="banner-fade" class="responsive-container img-polaroid">
                <ul class="slideshow">
                  <li><img src="img/slider/image1.jpg" alt=""></li>
                  <li><img src="img/slider/image2.jpg" alt=""></li>
                  <li><img src="img/slider/image3.jpg" alt=""></li>
                </ul>
             </div>
4

1 回答 1

2

它与 jQuery Sliders 无关，您的 HTML 中的所有图像都将被获取。因此，如果您使用精灵，您将对三个图像发出一个请求，而不是三个单独的请求。是否可以？是的。受到推崇的？可能，您是否想最小化 HTTP 请求并让 HTML 稍微难一些，因为您现在必须定位图像？

请务必记住，通过制作精灵，您不能并行下载单独的图像。

最后，没有人可以告诉你总是以一种方式去做，你需要权衡利弊。在这种情况下，我会将这三个图像放入一个 sprite 中以保存网络连接，但其他人可能更喜欢并行下载的好处。

于 2013-03-05T00:59:55.143 回答