jQuery画廊插件-GalleryView
发布时间：2025-12-09 22:14:43
浏览次数：4
jQuery画廊随处可见，很多网站上都有jQuery画廊，旋转木马（carousels），滑块和幻灯片。GalleryView是一款可以创建多种类型的独立插件。
1. 提取CSS和JS文件到一个合适的文件夹，然后添加<script>和<link>标签：
<!-- jQuery (如果用到自定义缓动和动画时需要引入jQuery UI) --><script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script><script src="http://libs.baidu.com/jqueryui/1.9.0/jquery-ui.min.js "></script> <!-- 定时器和缓动插件 --><script type="text/javascript" src="js/jquery.timers-1.2.js"></script><script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <!-- GalleryView Javascript 和 CSS 文件 --><script type="text/javascript" src="js/jquery.galleryview-3.0-dev.js"></script><link type="text/css" rel="stylesheet" href="css/jquery.galleryview-3.0-dev.css" /> 2. 创建一个包含图片的无须列表:
<ul id="myGallery"> <li><img src="aaa.jpg"></li> <li><img src="aaa.jpg"></li> <li><img src="aaa.jpg"></li> <li><img src="aaa.jpg"></li></ul> 3. 然后在你的JavaScript代码里面添加下面的功能调用：
$('#gallery').galleryView();
微信便捷交流