首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用CSS雪碧作为“幻灯片”元素?

使用CSS雪碧作为“幻灯片”元素?
EN

Stack Overflow用户
提问于 2011-05-13 19:59:41
回答 5查看 1.6K关注 0票数 3

在网页上有一个块,有一些广告(幻灯片约3-4张图片)。图像不是从数据库或类似的东西加载的--它们是静态的。图像应该改变自己。

我有两个想法来做这个:

  1. new Image()预装JS中的图像。以及通过更改src属性进行切换
  2. 将这些图像连接到一个精灵中,并改变图像的背景位置。

哪条路更快更好?

我认为第二种方式是消极的,如果它需要改变或添加一个图片--整个精灵应该重新制作。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-05-13 20:11:24

精灵是有益于许多较小的图像,以节省数量的http请求,因为它有一些开销。如果您计划显示大的JPGs/PNG,那么您应该考虑到,如果用户处于sprite模式,则用户必须提前下载所有图像,就好像它们是分开的一样,当您在后台加载其他图像时,它们将能够看到第一个图像。

票数 4
EN

Stack Overflow用户

发布于 2011-05-13 20:09:59

选项2更适合于不经常改变的事物,比如导航元素。如果这些变化经常发生,我会说选择1,因为你提到的缺点。

编辑:

实际上,您可以使用/创建一个图像旋转器,它读取某个目录中的所有图像文件并自动旋转它们。这可能会是最容易的维护。

票数 1
EN

Stack Overflow用户

发布于 2011-05-13 20:12:19

正如您在postscript中所建议的那样,选项2在维护方面处于劣势。对于不经常变化的事物(即设计元素),特别是对于按钮和图标之类的小元素,在单个图像中包含更有效率的元素,使用sprites更容易。

如果您正在使用jQuery,有几个插件可以很好地处理图像转换。我推荐的一种方法是jquery循环缓和插件相结合

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5997129

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档