常用的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’} );