今天要向大家介绍的这个特效是通过jqzoom插件来实现的,但我们要给它加多一些功能。如果大家在百度搜索jqzoom的例子,估计会看到那个摩托车的实例,但我们今天要更上一层楼。
昨天我刚刚完成了联通商城的放大镜特效,其实,它的功能已经非常完善了,下面的小图可以点击按钮,上面的放大镜效果也非常好,然而,我不得不思考一个问题,当图片只有四张的时候,那个左右按钮有什么用呢?这个时候,能不能实现按钮点击控制图片切换呢?
昨晚,我搞了很久,也在网上不停找实例,但找来找去,大家都是抄来抄去,网站一大堆,百度出来东西都差不多。
后来我想了一个解决方案,首先,我制作了一个可以通过按钮点击切换的相册,接着我把jqzoom的用法加上去:
这是jqzoom用法:
当我将功能实现的时候,心情是无比开心的。。以下是我制作的效果截图:
以下我提供源文件,欢迎有需要的朋友下载使用:
预览地址:http://www.163css.net/net163/cssjs/2012/05/rollzoom/index.html