在网页上有一个块,有一些广告(幻灯片约3-4张图片)。图像不是从数据库或类似的东西加载的--它们是静态的。图像应该改变自己。
我有两个想法来做这个:
new Image()
预装JS中的图像。以及通过更改src
属性进行切换哪条路更快更好?
我认为第二种方式是消极的,如果它需要改变或添加一个图片--整个精灵应该重新制作。
发布于 2011-05-13 20:11:24
精灵是有益于许多较小的图像,以节省数量的http请求,因为它有一些开销。如果您计划显示大的JPGs/PNG,那么您应该考虑到,如果用户处于sprite模式,则用户必须提前下载所有图像,就好像它们是分开的一样,当您在后台加载其他图像时,它们将能够看到第一个图像。
发布于 2011-05-13 20:09:59
选项2更适合于不经常改变的事物,比如导航元素。如果这些变化经常发生,我会说选择1,因为你提到的缺点。
编辑:
实际上,您可以使用/创建一个图像旋转器,它读取某个目录中的所有图像文件并自动旋转它们。这可能会是最容易的维护。
发布于 2011-05-13 20:12:19
正如您在postscript中所建议的那样,选项2在维护方面处于劣势。对于不经常变化的事物(即设计元素),特别是对于按钮和图标之类的小元素,在单个图像中包含更有效率的元素,使用sprites更容易。
如果您正在使用jQuery,有几个插件可以很好地处理图像转换。我推荐的一种方法是jquery循环与缓和插件相结合
https://stackoverflow.com/questions/5997129
复制相似问题