Javascript 时间机器/封面流程:IMG至DIV
“太空画廊”是苹果式时间机器动画的一大资源: 我想把文字放在每个图像的顶部,以使用画廊作为横幅。 我认为最好的方法是使用div并将IMG和引用文本放在其中 遗憾的是,在.html中用“div”-标记包围“img”并在.js中将“img”改为“div”并不能做到这一点:(Javascript 时间机器/封面流程:IMG至DIV,javascript,jquery,html,coverflow,timemachine,Javascript,Jquery,Html,Coverflow,Timemachine,“太空画廊”是苹果式时间机器动画的一大资源: 我想把文字放在每个图像的顶部,以使用画廊作为横幅。 我认为最好的方法是使用div并将IMG和引用文本放在其中 遗憾的是,在.html中用“div”-标记包围“img”并在.js中将“img”改为“div”并不能做到这一点:( 你有使用DIV甚至更好的解决方案的想法吗?这是一个很好的插件,希望作者将来会添加更多的方法(或者像github一样放置),这样可以更方便地编程。目前,你可能需要调整spacegallery.js本身 我的最低解决方案是使用同级
你有使用DIV甚至更好的解决方案的想法吗?这是一个很好的插件,希望作者将来会添加更多的方法(或者像github一样放置),这样可以更方便地编程。目前,你可能需要调整spacegallery.js本身 我的最低解决方案是使用同级div作为标题,放置在图像的左上角,并借用其CSS样式。下面是spacegallery.js中的更改。使用一些diff工具查看更改
我这样做是为了使用图像alt属性(在index.html中添加了它们)作为标题。但是,这可以用很多更好的方法来完成,这只是基本的。在第一个循环之后,它也不起作用,我没有添加任何样式:)好的开始,cincplug!通过.js创建一个即时DIV是个不错的主意。另一种解决方案是直接在.html文件中应用DIV(出于样式和标记的原因),这是一项艰巨的工作,是的。。。但是你或者有人知道我们如何通过.js来管理它吗?如果你的意思是用div包装图像,你可以使用jQuery wrap()方法。但这意味着对spacegallery.js进行更为严肃的调整,因为Div的定位和动画表现会有所不同。