基于Jquery制作的幻灯片图集效果打包下载_jquery

WBOY

Freigeben： 2016-05-16 18:10:48

Original

990 Leute haben es durchsucht

待改进部分
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

Verwandte Etiketten：

幻灯片

Quelle：php.cn

Vorheriger Artikel：Javascript面向对象之四继承_js面向对象 Nächster Artikel：javascript面向对象之二命名空间_js面向对象

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors