类似苹果的时间机器动画的一个很好的资源是“空间画廊”: http ://www.eyecon.ro/spacegallery
我想在每张图片上放置文字以将图库用作横幅。我认为最好的方法是使用 DIV 并将 IMG 和引用文本放入其中。
可悲的是,它不是通过在 .html 中用“div”标签包围“img”并在 .js 中将“img”更改为“div”来完成的...... :(
您有使用 DIV 甚至更好的解决方案的想法吗?
类似苹果的时间机器动画的一个很好的资源是“空间画廊”: http ://www.eyecon.ro/spacegallery
我想在每张图片上放置文字以将图库用作横幅。我认为最好的方法是使用 DIV 并将 IMG 和引用文本放入其中。
可悲的是,它不是通过在 .html 中用“div”标签包围“img”并在 .js 中将“img”更改为“div”来完成的...... :(
您有使用 DIV 甚至更好的解决方案的想法吗?
嗯,它是一个不错的插件,希望作者将来会添加更多的方法(或将其放在 github 之类的地方),这样可以更编程地完成。目前,您可能需要调整 spacegallery.js 本身。
我最小的解决方案是使用兄弟 div 的标题,位于图像的左上角并借用它的 CSS 样式。这是插件的副本,更改在 spacegallery.js 中。使用一些差异工具来查看更改。
我这样做是为了使用图像 alt 属性(在 index.html 中添加它们)作为标题。然而,它可以做很多更好的方式,这只是基本的。第一个周期后它也不起作用,我没有添加任何样式:)