我正在使用http://fotorama.io/制作幻灯片，并且由于 # of imgs 而增加了我的页面加载时间。
Fotorama 可以从您的图像中自动生成缩略图。为了提高加载速度，我将图像组合成一个 CSS 精灵。似乎需要一个“img”标签来生成缩略图。
关于如何在不使用“img”标签时让它显示拇指的任何想法？
问问题
537 次
1 回答
0
这个问题可能有点老了，但这里有一个<div style='background: url()'>用作拇指的小提琴。它不使用sprites，但是如果您知道如何制作 sprites ，那是一个简单的步骤。只需添加.thumbs a div { background: url(myimage.jpg);}到您的 CSSbackground-position:-30px -150px;等等到每个 div。
该代码是从custom-thumbs示例中复制而来的，并且仅将 css 更改为样式div而不是img.
顺便说一句：感谢您向我介绍 fotorama，这基本上就是我刚刚编码的画廊。除了 css 精灵。
如果您在精灵方面需要任何帮助，我制作了一个小型 js 库和 shellscript 来自动生成精灵和图像文件夹的代码。
于 2014-07-09T07:39:48.273 回答