Time Machine / Coverflow：IMG 到 DIV答案

【问题标题】：Time Machine / Coverflow: IMG to DIVTime Machine / Coverflow：IMG 到 DIV
【发布时间】：2012-04-04 05:28:31
【问题描述】：

类似苹果的时间机器动画的一个很好的资源是“空间画廊”： http://www.eyecon.ro/spacegallery

我想在每张图片的顶部放置文字，以将图库用作横幅。我认为最好的方法是使用 DIV 并将 IMG 和引用文本放入其中。

遗憾的是，在 .html 中用“div”标签包围“img”并在 .js 中将“img”更改为“div”并没有做到这一点...... :(

您有使用 DIV 甚至更好的解决方案的想法吗？

【问题讨论】：

【解决方案1】：

嗯，这是一个不错的插件，希望作者将来会添加更多的方法（或将其放在 github 之类的地方），因此可以通过更多的程序来完成。目前，您可能需要调整 spacegallery.js 本身。

我的最小解决方案是使用兄弟 div 的标题，位于图像的左上角并借用它的 CSS 样式。这里是copy of plugin，更改在 spacegallery.js 中。使用一些差异工具来查看变化。

我这样做是为了使用图像 alt 属性（在 index.html 中添加它们）作为标题。然而，它可以做很多更好的方式，这只是基本的。第一次循环后它也不起作用，我没有添加任何样式:)

【讨论】：

好的开始，cincplug！通过 .js 创建即时 DIV 的好主意。
直接在 .html 文件中应用 DIV 的替代解决方案（出于样式和标记原因）是一项艰巨的工作，是的...但是您或是否有人知道我们可以如何管理通过.js？
如果你的意思是用 div 包裹图片，你可以使用 jQuery wrap() 方法。但这意味着对 spacegallery.js 进行更严格的调整，因为 div 的定位和动画会表现不同。