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();

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

十个jQuery图片画廊插件推荐

jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片。当幻灯片已经成为网站的重要组成部分,jQuery的重要性不能被忽视。下面为你介绍了10个最有美感,创新性和创造性的jQu...

19 个漂亮的 jQuery 画廊和幻灯片插件

本文向你介绍 19 个 jQuery 的画廊和幻灯片的插件或者是制作教程。 TN3 Gallery TN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示,支持转...

19 个漂亮的 jQuery 画廊和幻灯片插件

本文向你介绍 19 个 jQuery 的画廊和幻灯片的插件或者是制作教程。TN3 GalleryTN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示,支持转换和多相簿选...

十个jQuery图片画廊插件推荐

jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片。当幻灯片已经成为网站的重要组成部分,jQuery的重要性不能被忽视。下面为你介绍了10个最有美感,创新性和创造性的jQu...

【转】19 个漂亮的 jQuery 画廊和幻灯片插件

本文向你介绍 19 个 jQuery 的画廊和幻灯片的插件或者是制作教程。TN3 GalleryTN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示,支持转换和多相簿选...

十个jQuery图片画廊插件推荐

jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片。当幻灯片已经成为网站的重要组成部分,jQuery的重要性不能被忽视。下面为你介绍了10个最有美感,创新性和创造性的jQu...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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