功能媲美最著名的幻灯片插件：linghtbox。易用、美观、强大，可更换多种主题，值得一用。

• 点此下载

英文说明和英文演示：http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/#download

今天才发现此插件已经更新到2.4了，在此也提供个官方压缩包（详细示例以后奉上，新版新增可更换模板的功能很有意思，在测试中）。

下载：prettyphoto2.42

这里简单说明下其使用方法：

第一步：

首先在页面引用JQ库，prettyPhoto.css，jquery.prettyPhoto.js。

第二步：

添加rel=”prettyPhoto”到图片

第三步：

初始化prettyPhoto

$(document).ready(function(){
$(“a[rel^='prettyPhoto']“).prettyPhoto();
});

第四步：

设置参数

$(document).ready(function(){
$(“a[rel^='prettyPhoto']“).prettyPhoto({
animationSpeed: ‘normal’, /* fast/slow/normal ,幻灯片动画速度*/
padding: 40, /* 内边距大小*/
opacity: 0.35, /* 值在0 和 1之间*/
showTitle: true, /* true/false ，是否显示标题*/
allowresize: true, /* true/false 是否允许改变大小*/
counter_separator_label: ‘/’, /* 画廊中的图片数目间的分隔符*/
theme: ‘light_rounded’, /* light_rounded / dark_rounded / light_square / dark_square ，所要使用的模板*/
callback: function(){}
});
});

想要标题显示在你的照片,你需要修改“alt”属性值。想要在照片上显示描述,你需要修改“title”属性值。

第五步：建立多图片的画廊（可参详压缩包的示例）

如果你想把图片加入画廊，需要增加一个rel属性值