常用的JS插件介绍：fancybox—

一、官网：
http://www.fancybox.net/
文档：
http://fancyapps.com/fancybox/#examples

注意：经测试该插件在jQuery2.0不能正常使用，可选用Lightbox

使用方法
引入js 和css
fancyapps-fancyBox-v2.1.5/source/jquery.fancybox.css
fancyapps-fancyBox-v2.1.5/source/jquery.fancybox.pack.js

$(fuction(){
$(".fancybox").fancybox({
width: ‘60%’,
height: ‘50%’,
closeBtn: true,
title: ‘’
});
})

查看

简单的用法
加载一个远程图片
$.fancybox( {href : ‘image.jpg’, title : ‘Lorem lipsum’} );

其它问题
与easyui共用时，弹出层可能会遮挡图片显示，可以这样处理下：

$.fancybox({
href: ‘abc.jpg’,
title: ‘title’,
afterLoad: function () {
$(".fancybox-opened,.fancybox-overlay").css(“z-index”, 9999);
}
});

常用的JS插件介绍：fancybox——弹出图片展示相关推荐

常用的JS插件介绍：5、fancybox——弹出图片展示
一.官网: http://www.fancybox.net/ 文档: http://fancyapps.com/fancybox/#examples 注意:经测试该插件在jQuery2.0不能正常使用 ...
Bootstrap入门（二十九）JS插件6：弹出框
Bootstrap入门(二十九)JS插件6:弹出框加入小覆盖的内容,像在iPad上,用于存放非主要信息弹出框是依赖于工具提示插件的,那它也和工具提示是一样的,是需要初始化才能够使用的首先我们引入 ...
4.6Bootstrap学习js插件篇之弹出框
案例为页面内容添加一个小的覆盖层,就像iPad上的效果一样,为页面元素增加额外的信息. 插件依赖弹出框依赖工具提示插件,因此需要先加载工具提示插件. 选择性加入的功能出于性能方面的考虑,工具提示 ...
前端常用插件之artDialog弹出框
前端常用插件之artDialog弹出框最近,发现一个插件--好看精致的页面弹出框,个人觉得有必要与大家分享一下,它就是artDialog弹出框. 引用上一篇文章<前端常用插件之art-temp ...
js仿苹果风格弹出框alert插件
下载地址 js仿苹果风格弹出框alert插件,多种调用方式. dd:
JS 点击弹出图片/ 仿QQ商城点击左右滚动幻灯片/ 相册模块，点击弹出图片，并左右滚动幻灯片...
1, 点击弹出图片 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...
Mobiscroll插件-根据时间选择弹出星座
根据Mobiscroll插件-根据时间选择弹出星座,没办法,博客发文长度有限制,只有添加到外链.有需要的话把外链的下载过来自己修改整理一下. 基于插件粗鲁修改的,没有优化.用的时候自己优化一下吧! ...
js在IE下面弹出打开和保存文件的对话框
js在IE下面弹出打开和保存文件的对话框 2010-08-11 13:39:16| 分类: JavaScript | 标签: |字号大中小订阅 <html> <head> ...
html悬浮弹窗后面背景变深,JS+CSS实现Div弹出窗口同时背景变暗的方法
本文实例讲述了JS+CSS实现Div弹出窗口同时背景变暗的方法.分享给大家供大家参考.具体实现方法如下: 代码如下: JS+CSS实现的Div弹出窗口,同时背景变暗 function locki ...

常用的JS插件介绍：fancybox——弹出图片展示

常用的JS插件介绍：fancybox——弹出图片展示相关推荐

最新文章

热门文章