关闭

jQuery画廊插件-GalleryView

标签: javascript
1099人阅读 评论(0) 收藏 举报
分类:

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:14531次
    • 积分:623
    • 等级:
    • 排名:千里之外
    • 原创:46篇
    • 转载:25篇
    • 译文:0篇
    • 评论:1条
    文章分类
    文章存档