【全屏幻灯插件】jquery幻灯片插件…

bxslider 是一款轻量级的插件，它能模拟幻灯片的效果，实现各种效果的设置也非常简单，非常适合在中小型网站和个人博客使用。下面来说说使用它的步骤：

第一步去官网下载插件包： http://bxslider.com/

屏幕右侧，Download，下载压缩包。

第二部：链接所需文件到网页

<</span>script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"><</span>/script>

<</span>script src="/js/jquery.bxslider.min.js"><</span>/script>

<</span>link href="/lib/jquery.bxslider.css" rel="stylesheet" />

第三步：创建HTML页面结构

class="bxslider"> 

• src="/images/pic1.jpg" />
• src="/images/pic2.jpg" />
• src="/images/pic3.jpg" />
• src="/images/pic4.jpg" />

图片、视频、和其他HTML元素都可以

第四步：在页面加载插件

$(document).ready(function(){

  $('.bxslider').bxSlider({

      captions: true,

        auto: true,

          speed: 1000,

         captions: true

         });

});

查看相关demohttp://bxslider.com/