官方提供了几个例子：

• 普通的Gallery
• 主题设为Dark的Gallery
• 主题设为Light的Gallery
• 不使用渐变效果，主画面显示纯文字的例子
• 在缩略图中加链接的例子
• 宝丽来照片效果的例子
• 使用了更多定制功能的例子（个人认为这个例子非常优雅）

看了一官网的说明，可通过修改以下参数定制显示样式

• panel_width, panel_height:主图片的宽高
• frame_width, frame_height:缩略图的宽高
• overley_height, overley_font_size, overlay_text_color：主图片下方半透明覆盖层的高，字体大小，字体颜色
• overlay_opacity, overlay_color：覆盖层的透明度、颜色
• transition_speed, transition_interval：图片切换动画的速度、间隔的时间
• border：边框的样式，类似css的制定方法，可以指定粗细、样式、颜色
• nav_theme：缩略图导航条的样式，可以选择light和dark两种
• easing：缩略图滑动的动画效果（比如加速滑动，减速滑动，滑动反弹等）
• fade_panel：决定变换主图片的时候，是否要使用淡入淡出的效果
• pause_on_hover：鼠标悬浮在图片上的时候，是否要停止图片的切换

插件下载地址：http://plugins.jquery.com/project/galleryview

需要注意的地方:

官方提供的范例上的缩略图本身宽度和初始化GalleryView时指定宽度是一致的，当你的缩略图本身的宽度和你初始化的宽度不一致时，一定要在HTML里限定缩略图的宽度和在初始化JS时的宽度一致，否则可能会出现图片显示不对应的情况！

<li><img src="a.gif" alt="" title="" width="38" height="38" /></li>

$(‘#photos’).galleryView({
panel_width: 270,
panel_height: 270,
frame_width: 38,
frame_height: 38,
transition_speed: 1200,
background_color: ‘#222′,
border: ‘none’,
easing: ‘easeInOutBack’,
pause_on_hover: true,
nav_theme: ‘custom’,
overlay_height: 52,
filmstrip_position: ‘top’,
overlay_position: ‘top’
});