
下一张
把图片们用ul之类的包起来,并设置float。然后设置这个ul本身为absolute定位,其父标签用relative定位。通过设置ul的left或top值,实现图片队列的滚动效果
这个思路是最近写XScroll.js类的时候想明白的。平常我们说的淡入淡出效果,一般分成两部分,一半是淡入,另一半就是淡出了。不过经过分析,我觉得其实只需要一半就行了
支持自动和手动两种模式:自动模式下自动旋转展示,手动模式下通过鼠标选择当前图片,或通过提供的接口选择上一张/下一张图片
基于jquery实现图片广告轮换效果代码,需要的朋友可以参考下。
基于Jquery制作的幻灯片图集效果,文章最后给出了打包下载地址,喜欢的朋友可以测试下。
第三部分的效果已经基本上满足大部分的需求了。所以这一部分呢,只能算是加分项。废话不多说了,还是继续博文吧。
接上一文,我们已经实现了图片的自动淡入淡出播放。接下来需要加入控制器。
开始之前,还是说说前文提到的关于把所有函数都写在一个闭包内的优化问题。前文也提到了,因为我们在初始化的时候要调用的只是init,所以可以只把init写入闭包,其他功能函数作为init的原型继承方法来调...
抽空写了个类似的效果,做了一定程度的封装,虽然也只能勉强算个轻量级原生小插件吧,但还是分享出来,并做一步一步的教程,希望能给有需要的朋友一些帮助吧。
很久没写文章了,这段时间一直在做类似鲜果的一个应用和数据采集,还有就是对企业和个人成长的思考。