Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 时间机器/封面流程:IMG至DIV_Javascript_Jquery_Html_Coverflow_Timemachine - Fatal编程技术网

Javascript 时间机器/封面流程: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并将IMG和引用文本放在其中

遗憾的是,在.html中用“div”-标记包围“img”并在.js中将“img”改为“div”并不能做到这一点:(


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

这是一个很好的插件,希望作者将来会添加更多的方法(或者像github一样放置),这样可以更方便地编程。目前,你可能需要调整spacegallery.js本身

我的最低解决方案是使用同级div作为标题,放置在图像的左上角,并借用其CSS样式。下面是spacegallery.js中的更改。使用一些diff工具查看更改


我这样做是为了使用图像alt属性(在index.html中添加了它们)作为标题。但是,这可以用很多更好的方法来完成,这只是基本的。在第一个循环之后,它也不起作用,我没有添加任何样式:)

好的开始,cincplug!通过.js创建一个即时DIV是个不错的主意。另一种解决方案是直接在.html文件中应用DIV(出于样式和标记的原因),这是一项艰巨的工作,是的。。。但是你或者有人知道我们如何通过.js来管理它吗?如果你的意思是用div包装图像,你可以使用jQuery wrap()方法。但这意味着对spacegallery.js进行更为严肃的调整,因为Div的定位和动画表现会有所不同。