jQuery+CSS3彈跳窗放大圖片展示插件

程式碼片段：

js程式碼

<腳本類型="text/javascript" src="js/jquery.galpop.min.js"></script>
<腳本類型=“text/javascript”>
$(文檔).ready(函數() {
$('.galpop-single').galpop();

$('.galpop-multiple').galpop();

$('.galpop-info').galpop();


var 回呼 = 函數() {
var 包裝 = $('#galpop-wrapper');
var info = $('#galpop-info');
var count =wrapper.data('count');
var index =wrapper.data('index');
var 目前 = 索引 + 1;
var string = '圖像'+當前+' of '+計數;

info.append('
'+ string +'
').fadeIn();

};
$('.galpop-callback').galpop({
回調：回調
});

$('.手動開啟').change(function(e) {
var image = $(this).val();
如果（圖像）{
變數設定 = {};
$.fn.galpop('openBox',設定,圖片);
}
});

$('.manual-open-group').change(function(e) {
var v = $(this).val();
變數圖像 = [
'圖片/畫廊/大/apocalypse.jpg',
'圖片/圖庫/大/復古.jpg',
'圖片/圖庫/大/magicLake.jpg',
'圖片/圖庫/大/水下.jpg',
'圖片/圖庫/大/goodBoy.jpg',
'圖片/畫廊/大/darkroad.jpg',
'圖片/圖庫/大/roadkill.jpg',
'圖片/圖庫/大/wolfMarine.jpg',
'圖片/圖庫/大/alice.jpg',
'圖片/圖庫/大/reflection.jpg',
];
變數設定 = {};
$.fn.galpop('openBox',設定,圖片,v);
});

$('.click-open-iframe').galpop({
內容類型：'iframe'，
});

$('.click-open-ajax').galpop({
內容類型：'AJAX'，
});
});
</劇本>