Fancybox是一款基于jquery的对图片展示播放的插件，当然，它html文本、flash动画、iframe以及ajax也予以支持。还可以通过css自定义外观，阴影效果超级赞！
创新互联专业为企业提供安康网站建设、安康做网站、安康网站设计、安康网站制作等企业网站建设、网页设计与制作、安康企业网站模板建站服务，10多年安康做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
演示效果：http://www.phpddt.com/demo/fancyBox/demo/index.html
使用教程也是相当简单：
首先当然是要引入jquery核心库和Fancybox插件库：
如果你要实现图片滚轮效果，引入下面文件：
FancyBox核心js和css文件：
如果你需要按钮效果，引入按钮css文件：
如果你要实现缩略图效果，引入：
如果要动态加载媒体，引入：
下面是一个最简单的图片展示例子：
- fancyBox使用教程 - PHP点点通(www.phpddt.com)
$(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 （点击这里演示）
欢迎转载！ 原文地址: http://www.phpddt.com/dhtml/jquery-fancybox.html ，转载请注明地址，谢谢！
名称栏目：jqueryFancybox插件的应用
文章出自：
http://bjjierui.cn/article/ppojji.html
