jQuery画廊插件-GalleryView

原创 2015年07月07日 13:22:18

jQuery画廊随处可见,很多网站上都有jQuery画廊,旋转木马(carousels),滑块和幻灯片。GalleryView是一款可以创建多种类型的独立插件。

1. 提取CSS和JS文件到一个合适的文件夹,然后添加<script><link>标签:

  1. <!-- jQuery (如果用到自定义缓动和动画时需要引入jQuery UI) -->
  2. <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
  3. <script src="http://libs.baidu.com/jqueryui/1.9.0/jquery-ui.min.js "></script>
  4.  
  5. <!-- 定时器和缓动插件 -->
  6. <script type="text/javascript" src="js/jquery.timers-1.2.js"></script>
  7. <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  8.  
  9. <!-- GalleryView Javascript 和 CSS 文件 -->
  10. <script type="text/javascript" src="js/jquery.galleryview-3.0-dev.js"></script>
  11. <link type="text/css" rel="stylesheet" href="css/jquery.galleryview-3.0-dev.css" />

2. 创建一个包含图片的无须列表:

  1. <ul id="myGallery">
  2. <li><img src="aaa.jpg"></li>
  3. <li><img src="aaa.jpg"></li>
  4. <li><img src="aaa.jpg"></li>
  5. <li><img src="aaa.jpg"></li>
  6. </ul>

3. 然后在你的JavaScript代码里面添加下面的功能调用:

  1. $('#gallery').galleryView();

Gallery控件的使用

前言 这篇博客讲解一下Android开发中,Gallery控件的使用,这是一个画廊视图,用于展示一组图片,用固定在中间位置的水平滚动列表显示列表项的视图。Android最新的API文档中了解到,...
  • tyzy0613
  • tyzy0613
  • 2014年11月06日 17:33
  • 1352

Android画廊效果-Gallery和ViewPager不同实现

之前项目开发的时候要实现一种画廊效果,分别利用Gallery或ViewPager实现了该效果:...
  • mwq384807683
  • mwq384807683
  • 2016年11月13日 22:40
  • 2803

Android 7.0 Gallery图库源码分析4 - SlotView手势监听及页面跳转

上篇文章讲了初始化View时会实例化一个SlotView并监听其事件,至于它是怎么实现的,用的是Android自带的GestureDetector。...
  • lb377463323
  • lb377463323
  • 2017年04月17日 11:02
  • 1393

AD Gallery,一个高度可定制的jQuery画廊插件

  • 2015年07月21日 11:15
  • 640KB
  • 下载

unitegallery—漂亮的JQuery画廊相册插件

  • 2015年12月12日 00:42
  • 5.2MB
  • 下载

轻量级jQuery画廊插件Lighterbox

  • 2015年07月09日 14:48
  • 3KB
  • 下载

Gallerybox-全屏响应式jQuery图片画廊插件

  • 2017年04月25日 15:27
  • 1.01MB
  • 下载

轻量级jQuery画廊插件Lighterbox

  • 2014年09月04日 10:47
  • 7KB
  • 下载

jquery插件制作超精美的图片画廊,图片轮播幻灯片

  • 2014年04月26日 23:45
  • 593KB
  • 下载

jQuery AD Gallery 画廊(画册)插件

  • 2013年05月31日 04:52
  • 1018KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery画廊插件-GalleryView
举报原因:
原因补充:

(最多只允许输入30个字)