基于Jquery制作的幻灯片图集效果打包下载_jquery
程序员文章站
2022-05-30 15:33:53
...
待改进部分
1.大图可根据浏览器分辨率自动缩放,目前是按照固定的宽和高显示,超出部分隐藏。
2.大图现在是直接载入了所有,若图片很多时,体验不好。可改为异步加载,或者延迟加载,这个可以用jquery控件lazyload实现。
3.缩略图是根据上传时设定的参数直接生成的,如果是竖形图片,会出现被压缩的情况。可以改为只显示局部,超出部分隐藏。
4.缩略图列表的滑动采用了jcarousellite插件,如果将幻灯片提取为插件的话,需要整合为一个。
5.目前大图区域和缩略图区域是相对独立的,优点是比较直观,可以自行随便更改显示位置,缺点是HTML的代码量较多,不像有些插件,只需要$("#ID")一下就可以了。
JS代码
在线演示:http://demo.jb51.net/js/2011/Gallery/index.html
打包下载:/201102/yuanma/Gallery_jb51.rar
1.大图可根据浏览器分辨率自动缩放,目前是按照固定的宽和高显示,超出部分隐藏。
2.大图现在是直接载入了所有,若图片很多时,体验不好。可改为异步加载,或者延迟加载,这个可以用jquery控件lazyload实现。
3.缩略图是根据上传时设定的参数直接生成的,如果是竖形图片,会出现被压缩的情况。可以改为只显示局部,超出部分隐藏。
4.缩略图列表的滑动采用了jcarousellite插件,如果将幻灯片提取为插件的话,需要整合为一个。
5.目前大图区域和缩略图区域是相对独立的,优点是比较直观,可以自行随便更改显示位置,缺点是HTML的代码量较多,不像有些插件,只需要$("#ID")一下就可以了。
JS代码
复制代码 代码如下:
在线演示:http://demo.jb51.net/js/2011/Gallery/index.html
打包下载:/201102/yuanma/Gallery_jb51.rar
推荐阅读
-
基于jquery的网站幻灯片切换效果焦点图代码
-
基于Jquery制作的幻灯片图集效果打包下载_jquery
-
基于JQuery制作的产品广告效果_jquery
-
基于jquery的网站幻灯片切换效果焦点图代码_jquery
-
基于JQuery制作的产品广告效果_jquery
-
基于jquery的网站幻灯片切换效果焦点图代码_jquery
-
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)_jquery
-
基于Jquery制作图片文字排版预览效果附源码下载_jquery
-
基于jquery的网站幻灯片切换效果焦点图代码
-
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)_jquery