/**
* preview image
*/
var PreviewImage=function(){
var Preview=function(params,keyword){
//关闭图片预览Modal
$(document).on('click','.image-preview-close',function(){
$('.image-preview-background').fadeOut(500).removeClass('image-preview-background-hover');
$('.shot-container .curPreview').removeClass('curPreview');
})
//显示Modal浏览图片
$(document).on('click','.shot-image .cover,.shot-image img',function(){
var $curShot=$(this).parents('.shot');
generatePreviewImgModal($curShot);
})
//鼠标点击下一张
$(document).on('click','.image-preview-next',function(){
goToPage(false,params,keyword);
})
//鼠标点击上一张
$(document).on('click','.image-preview-prev',function(){
goToPage(true,params,keyword);
})
//方向键控制左右翻页
$(document).keydown(function(event){
//Modal处于显示状态才能触发翻页操作
if($('.image-preview-background').css('display')=='block'){
// -->
if (event.keyCode == 39){
goToPage(false,params,keyword);
}
// <--
else if(event.keyCode == 37){
goToPage(true,params,keyword);
}
}
});
};
return {
init:function(params,keyword){
Preview(params,keyword);
}
};
}();
/**
* 图片预览左右翻页
* 上一张：flag=true , 下一张：flag=false
*/
function goToPage(flag,params,keyword){
// 上一张
if(flag){
//存在上一张
if($('.shot-container .curPreview').prev().length>=1){
slider(true);
}
//已经是第一张
else{
console.log('已经是第一张');
$('.loadTips').text('已经是第一张 !').stop().fadeIn(500).fadeOut(1500);
}
}
// 下一张
else{
//存在下一张
if($('.shot-container .curPreview').next().length>=1){
slider(false);
}
//已经是最后一张
else{
//触发操作，加载更多数据
params.page++;
Disabled($('.loadMore'),'');
Loading($('.loadMore'));
$.when(keyword==''?getScreenShotList(params.url,params.page):getSearchScreenShotList(params.url,params.page,keyword))
.done(function(data){
if($('.shot-container .curPreview').next().length>=1){
slider(false);
}
else{
console.log('已经是最后一张');
$('.loadTips').text('已经是最后一张 !').stop().fadeIn(500).fadeOut(1500);
}
});
}
}
}
/**
* slider效果
* 上一张：flag=true , 下一张：flag=false
*/
function slider(flag){
if(flag){
$('.image-preview-container').addClass('image-preview-container-prev');
var $curShot=$('.shot-container .curPreview').removeClass('curPreview').prev();
}
else{
$('.image-preview-container').addClass('image-preview-container-next');
var $curShot=$('.shot-container .curPreview').removeClass('curPreview').next();
}
generatePreviewImgModal($curShot);
setTimeout(function(){
if(flag){
$('.image-preview-container').removeClass('image-preview-container-prev');
}
else{
$('.image-preview-container').removeClass('image-preview-container-next');
}
},500);
}
/**
* 生成图片预览Modal
*/
function generatePreviewImgModal($curShot){
$curShot.addClass('curPreview');
//滚动条随预览图片滚动
var scrollTop=$('.curPreview').offset().top;
$("html,body").animate({scrollTop:scrollTop+"px"},500);
var application=$curShot.data('application');
if($('.image-preview-background').length<1){
$('body').append(
''+
'
'+
'
'+
'
'+
'
'+
'
'+
'
'+
'
![]()
'+
'
键盘快捷键: ← 前一张图片 → 后一张图片
'+
'
'+
'
'+
'
喜欢
'+
'
'+
'
'+
'
'+
'
'+
'- '+
'
![]()
'+
''+
' '+
'- '+
'
版本号
'+
''+
' '+
'- '+
'
更新时间
'+
''+
' '+
'- '+
'
所属标签
'+
''+
'
'+
' '+
'
'+
'
'+
'
'+
'
'+
'
'+
'
'+
'