从品牌网站建设到网络营销策划,从策略到执行的一站式服务
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 (点击这里演示)
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图