Fancybox是一款基于jquery的对图片展示播放的插件，当然，它html文本、flash动画、iframe以及ajax也予以支持。还可以通过css自定义外观，阴影效果超级赞！

创新互联专业为企业提供安康网站建设、安康做网站、安康网站设计、安康网站制作等企业网站建设、网页设计与制作、安康企业网站模板建站服务，10多年安康做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

演示效果：http://www.phpddt.com/demo/fancyBox/demo/index.html
使用教程也是相当简单：

首先当然是要引入jquery核心库和Fancybox插件库：

如果你要实现图片滚轮效果，引入下面文件：

FancyBox核心js和css文件：

如果你需要按钮效果，引入按钮css文件：

如果你要实现缩略图效果，引入：

如果要动态加载媒体，引入：

下面是一个最简单的图片展示例子：

$(document).ready(function(){
$('.fancybox').fancybox();
$(".fancybox-effects-a").fancybox({
helpers:{
title:{
type:'outside'
},
overlay:{
speedOut:0
}
}
});
});
.fancybox-custom.fancybox-skin{
box-shadow:0050px#222;
}
body{
max-width:700px;
margin:0auto;
}
对简单图片展示

效果如如下：

更多FancyBox参数及选项配置如下：

下载：fancyBox-master.zip  （点击这里演示）

分享标题：jqueryFancybox插件的应用
转载注明：http://scyanting.com/article/ppojji.html