jqueryFancybox插件的应用
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://ybzwz.com/article/ppojji.html