jquery-galleryview-2.0 漂亮多样化的图片特效（多项自定义）

jQuery GalleryView精美相册，使用 jQuery1.4.2插件，就是在jquery网站下载的压缩包里没有demo，大家也可以下载研究下，官方网只有1.1版本的演示。这个相册最新的是2.0版，研究也成功了，许多网友用1.1版本来引用2.0的js测试总报错，因为2.0改变了方法。下面是我的测试的最新版本2.0，以及使用方法。

插件下载：http://plugins.jquery.com/project/galleryview

官方网：http://spaceforaname.com/galleryview

使用方法：

<link type="text/css" rel="stylesheet" href="galleryview.css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.galleryview-2.0.js"></script>
<script type="text/javascript" src="js/jquery.timers-1.2.js"></script><script type="text/javascript">$(document).ready(function () {$('#photos').galleryView({panel_width: 800,panel_height: 300,frame_width: 100,frame_height: 100,easing: 'swing',pause_on_hover: true,nav_theme: 'light',overlay_opacity: 0.5,overlay_height: 10});});
</script>

 <ul id="photos"><li><span class="panel-overlay"> 春</span>    <img src="img/01.jpg" /> </li><li><span class="panel-overlay"> 夏</span> <img src="img/02.jpg" /> </li><li><span class="panel-overlay"> 蜗牛</span> <img src="img/03.jpg" /> </li><li><span class="panel-overlay"> 花</span> <img src="img/04.jpg" /> </li><li><span class="panel-overlay"> 秋</span> <img src="img/05.jpg" /> </li><li><span class="panel-overlay"> 浪</span> <img src="img/06.jpg" /> </li><li><span class="panel-overlay"> 泉</span> <img src="img/07.jpg" /> </li><li><span class="panel-overlay"> 冬</span> <img src="img/08.jpg" /> </li></ul>

参数（2.0版本）

参考如下：

以上参数可以根据自己需要设置，比如图片大小，透明度，动画效果，缩略图在左、右、上、下，缩略图箭头大小，是否显示文字描述，是否隐藏某部分啊等等..

转载于:https://www.cnblogs.com/zengxiangzhan/archive/2010/03/12/1684100.html

jquery-galleryview-2.0 漂亮多样化的图片特效（多项自定义）相关推荐

炫酷实用的jQuery插件涵盖菜单、按钮、图片
新的一周开始了,今天我们要为大家分享一些全新的jQuery插件和HTML5/CSS3应用,这些jQuery插件不仅非常炫酷,而且还挺实用,这次的分享包含jQuery菜单.CSS3按钮已经多种图片特效, ...
jquery 堆栈溢出_带有jQuery和CSS3的漂亮照片堆栈库
jquery 堆栈溢出 View demo 查看演示Download Source 下载源 In this tutorial we are going to create a nice and fre ...
分享8款简单大气的jQuery/CSS3图片特效
自从jQuery问世以后,网页上就流行很多漂亮的图片效果,像淡入淡出或者焦点图等,但是,现在jQuery结合CSS3,我们可以打造更美观更实用的图片特效.下面分享8款简单而又大气的jQuery/CSS ...
三大运营商将上线 5G 消息；苹果谷歌联手，追踪 30 亿用户；jQuery 3.5.0 发布 | 极客头条...
整理 | 屠敏头图 | CSDN 下载自东方 IC 快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦 ...
一些很漂亮的字符图片
一些很漂亮的字符图片,别人收集的,转过来看看 █田█田█ . █田█田█ . █田█田█ . █田█田█ ∨ █田█田█ /█/ ←各位"兄弟"姐妹 █田█田█ ● █田█ ...
功能强大漂亮的js图片相册,js点击小图显示大图
原生js点击图片触发弹窗页面显示模糊的小图片(small_X.jpg),点击全屏显示高清大图片(large_X.jpg) 可实现放大.缩小.拖拽.旋转.上一张.下一张以下为demo相关页面展示: ...
java 图片插件_[Java教程]10款功能强大的jQuery/CSS3图片特效插件
[Java教程]10款功能强大的jQuery/CSS3图片特效插件 0 2014-11-26 03:01:04 1.CSS3实现的底部带滚动云彩效果的网站登录页面 CSS3实现的底部带滚动云彩效果的网 ...
jQuery 1.10.0 和 2.0.1 发布
jQuery 团队今天发布了两个更新版本,分别是 1.10.0 和 2.0.1,改进内容: jQuery 1.10.0 Changelog Ajax #13922: HEAD responses wi ...
html怎么给框格加背景图,怎么给word 2013表格添加漂亮的背景图片
很多人知道word中可以插入背景图片,但他们不知道表格中也是可以插入背景图片.而且方法还很多.今天我们就和大家分享一下怎么给word 2013表格添加合适漂亮的背景图片. 1.插入图片.选中word表 ...
jquery的2.0.3版本源码系列(2):21行-94行定义了一些变量和函数 jQuery=function(){}
2.1.bug通过索引查询这里的#13335是bug的索引,如何查询呢? 第一步,浏览器地址栏输入"https://bugs.jquery.com/". 第二步,在网页的搜索框里 ...

jquery-galleryview-2.0 漂亮多样化的图片特效（多项自定义）

jquery-galleryview-2.0 漂亮多样化的图片特效（多项自定义）相关推荐

最新文章

热门文章