[求前端高手解答] 图片固定位置的幻灯片效果如何实现(有实例)

2013-10-09 22:30:08 +08:00
 shenyuanv
http://csc.xdsec.org/
类似于这个网站的幻灯片效果,页面往下滚动的时候幻灯片的图片是不会跟着往上移动,这个效果是用什么原理实现的?是否有现成的库可以调用?
另外这个网站加载未完成时能显示加载百分比,这个又是如何实现呢?

前端菜鸟求各路高手解答~
3772 次点击
所在节点    程序员
3 条回复
ijse
2013-10-09 22:50:25 +08:00
图片展示 那层设置了`position: fixed;` , 现成的库不知道, 大概有吧。。

这个站加载百分比用的是jpreLoader插件
slixurd
2013-10-09 22:52:45 +08:00
请看源代码
/* ==================================================
Slider Options
================================================== */

BRUSHED.slider = function(){
$.supersized({

supersized是一个现成的库
http://www.buildinternet.com/project/supersized/
shenyuanv
2013-10-10 09:19:59 +08:00
@slixurd 我之前也在源码上看到这个surpersized库了,但是在官网DEMO中没有图片固定效果的演示,感觉跟其他幻灯片的库差不多,所以感觉是不是作者在这个库的基础上修改过。

@ijse 多谢啦!`position: fixed;`我去研究下这个属性……

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/85031

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX