' +
'' +
'GIF';
} else if (v.pic_type == 11) { // 图标
if (env.isLogin) {
var href = _userInfo && _userInfo.enterprise_id && _userInfo.qiye_vip ? '//co.699pic.com/detail/icon/' + v.old_photo_id : '/front/icon-' + v.old_photo_id;
dom +='' +
'' +
'
' +
'';
} else {
dom +='
' +
'';
} else {
dom +='' +
'' +
'' +
'';
}
} else{
dom +='').insertAfter('.Works-imgList .list:last').click(function(){
$('.page-nav-next').trigger('click');
});
}
$('.Works-imgList').flexImages({'rowHeight':300,'container':'.list','truncate':true });
}
}
};
/* ========================= 绑定事件 =========================*/
// gif图片切换
$('body').on('mouseover','[data-thumburl]',function(){
$(this).find('img').attr('src',$(this).attr('data-objurl'));
$(this).find('.gifHint').hide();
})
$('body').on('mouseout','[data-thumburl]',function(){
$(this).find('img').attr('src',$(this).attr('data-thumburl'));
$(this).find('.gifHint').show();
})
// 竖图处理
$('body').on('mouseover','.Works-imgList .list',function (){
var oA = null;
var pid = null;
if($(this).width() <= '200' && $(this).find("a.downimg").attr('is-handle') == void 0) {
oA = $(this).find("a.downimg");
pid = oA.siblings('a.collect-one').attr('data-pid');
oA.css("width",'43px');
oA.empty();
oA.append("");
oA.attr('is-handle',1);
}
});
/* 视频渲染 */
function RenderViewVideo(msg){
var dom = '',video_rate = '',fileType = 0;
$.each(msg,function(i,v){
switch(v.video_rate) {
case 1:
video_rate = '720P';
fileType = v.category == 1 || v.category == 7 ? 1 : 7;
break;
case 2:
video_rate = '1080P';
fileType = v.category == 1 || v.category == 7 ? 1 : 7;
break;
case 3:
video_rate = '4K';
fileType = v.category == 1 || v.category == 7 ? 1 : 7;
break;
case 4:
video_rate = '8K';
fileType = v.category == 1 || v.category == 7 ? 1 : 7;
break;
case 5:
video_rate = '2K';
fileType = v.category == 1 || v.category == 7 ? 0 : 7;
break;
case 6:
video_rate = '4K';
fileType = v.category == 1 || v.category == 7 ? 1 : 7;
break;
case 7:
video_rate = '8K';
fileType = v.category == 1 || v.category == 7 ? 1 : 7;
break;
case 11:
video_rate = '720P';
fileType = v.category == 1 || v.category == 7 ? 1 : 7;
break;
case 12:
video_rate = '1080P';
fileType = v.category == 1 || v.category == 7 ? 1 : 7;
break;
case 13:
video_rate = '4K';
fileType = v.category == 1 || v.category == 7 ? 1 : 7;
break;
case 14:
video_rate = '8K';
fileType = v.category == 1 || v.category == 7 ? 1 : 7;
break;
default:
video_rate = '其它';
fileType = v.category == 1 || v.category == 7 ? 0 : 7;
break;
}
v.duration = secToTIme(v.duration);
var newSmallVideoHtml = "";
var videoCoverImgUrl = '//img95.699pic.com' + v.thumbnail_preview_src;
var showNewVideoType = '
';
}
dom +='
' +
'';
}
} else{
dom +='' +
'' +
'' +
'';
};
if(v.sub_data && v.sub_data.indexOf('16')!= -1 && v.sub_data.indexOf(49) == -1){
dom +='
';
});
$('.photoAlbum-kong').hide();
if(isfixd){
$('.Works-imgList').html(dom);
}else{
$('.Works-imgList').html(dom).flexImages({'rowHeight':300,'container':'.list','truncate':false });
}
$('.Works-imgList img.lazy').lazyload({threshold :350});
//下一页
var wrapperWidth = $('.Works-imgList').width(),
oLastOneL = $('.Works-imgList .list:last').length > 0 && $('.Works-imgList .list:last').get(0).offsetLeft,
oLastOneW = $('.Works-imgList .list:last').outerWidth();
if( oLastOneL + oLastOneW + 12 == wrapperWidth ) {
// 填满了
} else {
if(!$('.pageNum:last').hasClass('active'))
{
var lastNavItemW = wrapperWidth - oLastOneL - oLastOneW-4,
lastNavItemH = $('.Works-imgList .list:last').outerHeight();
if(lastNavItemW > 160) {
$('' +
'';
};
if(v.sub_data && v.sub_data.indexOf('16')!= -1 && v.sub_data.indexOf(49) == -1){
dom +='企业
专享
'
};
if(v.copyright){
dom +='专享
' +
'' +
'
';
}
dom +='' + dlBtnEl;
dom +=
(v.pic_type != 11 ? ('') : '') +
(v.pic_type == 11 ? (env.isLogin ? ('') : '' ) : '') +
'
' +
'' +
'
' +
'' + '' + typeIcon + type +' |' + '' + '' + v.display_title + '' + '
' + '下一页
更多精彩
'+ (v.category == 1 ? '实拍' : '模板') +'
';
var setVideoTypeClass = (video_rate == '8K') ? 'video-type8' : (video_rate == '4K' ? 'video-type4' : '');
var showVideoTags = '' + (v.only_single_sale == 1 ? '
';
var showDownloadBtn = v.only_single_sale != 1 ? '立即下载' : '';
if(v.category == 220) {
newSmallVideoHtml += '付费视频
' : '') + (v.auth_type == 2 ? '应版权方要求，该素材仅支持单个购买后使用
视频企业专享
' : '') + '仅支持企业商用授权，请开通视频企业VIP下载
' +
'
';
} else {
newSmallVideoHtml += '' +
'' +
'
' +
'' +
'' +
'' +
'
' +
'' +
'';
}
dom +=''+
' '+
'
';
});
$('.photoAlbum-kong').hide();
$('.Works-imgList').html('');
$(dom).appendTo('.Works-imgList').find('img').lazyload({threshold :350});
renderVideoCoverImg();
};
function renderVideoCoverImg() {
if($(".video-cover-bgimg").length > 0) {
document.head.style.filter = 'blur(10px)';
var result = window.getComputedStyle(document.head).filter == 'blur(10px)';
var getIeVersion = IEVersion();
var isTargetIeVersion = Boolean(getIeVersion == 6 || getIeVersion == 7 || getIeVersion == 8 || getIeVersion == 9);
(!result && !isTargetIeVersion) ? $(".video-cover-bgimg").find(".video-cover-bg").attr("data-original", "//static.699pic.com/images/video/video-default-cover.jpg") : '';
}
}
// 获取IE版本
function IEVersion() {
// 取得浏览器的userAgent字符串
var userAgent = navigator.userAgent;
// 判断是否为小于IE11的浏览器
var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1;
// 判断是否为IE的Edge浏览器
var isEdge = userAgent.indexOf('Edge') > -1 && !isLessIE11;
// 判断是否为IE11浏览器
var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1;
if (isLessIE11) {
var IEReg = new RegExp('MSIE (\\d+\\.\\d+);');
// 正则表达式匹配浏览器的userAgent字符串中MSIE后的数字部分，，这一步不可省略！！！
IEReg.test(userAgent);
// 取正则表达式中第一个小括号里匹配到的值
var IEVersionNum = parseFloat(RegExp['$1']);
if (IEVersionNum === 7) {
// IE7
return 7
} else if (IEVersionNum === 8) {
// IE8
return 8
} else if (IEVersionNum === 9) {
// IE9
return 9
} else if (IEVersionNum === 10) {
// IE10
return 10
} else {
// IE版本<7
return 6
}
} else if (isEdge) {
// edge
return 'edge'
} else if (isIE11) {
// IE11
return 11
} else {
// 不是ie浏览器
return -1
}
}
/* ========================= 绑定事件 =========================*/
/*视频hover*/
var videoPromise = null;
$('body').on('mouseenter', '.Works-imgList .video-li', function () {
var $this = $(this);
var video = $(this).find('video');
var videoUrl = video.attr('data-original');
var videoSrc = video.attr('src');
var slider = $(this).find('.progress-slider');
if(!$(this).attr('data-time')) return;
var time = Number($(this).attr('data-time').split(':')[1]);
var useTime = time < 10 ? time - 1 : 9;
var progressBarW = $(this).find('.progress-bar').width();
if (!videoSrc) {
video.attr('src', videoUrl);
video[0].removeAttribute('controls');
}
video[0].playbackRate = 2;
videoPromise = Promise.resolve(video[0].play());
$this.find('.progress-bar').show();
$this.find('.video-cover-img').length > 0 ? $this.find('.video-cover-img').hide() : $this.find('img').hide();
video.off('timeupdate');
video.on('timeupdate', function () {
var timeStr = parseInt(video[0].currentTime);
slider.css('width', timeStr / useTime * progressBarW);
})
});
$('body').on('mouseleave', '.Works-imgList .video-li', function () {
var video = $(this).find('video');
$(this).find('.video-cover-img').length > 0 ? $(this).find('.video-cover-img').show() : $(this).find('img').show();
$(this).find('.progress-bar').hide();
try {
videoPromise.then(function () {
video[0].pause();
}, function () {
video.attr('src', null);
})
} catch (e) {
video.attr('src', null);
}
});
// 收藏
$('body').on('click', '.video-collect', function () {
if (!env.isLogin) {
env.login();
return;
}
// 获取用户收藏图片的PID
userCollectPid = $(this).attr('data-shou-id');
userCollectType = 7;
var _obj = $(this);
if($(this).hasClass('on'))
{
$.ajax({
type: 'get',
url: '/my/removeNewCollect',
data: 'pid=' + userCollectPid + '&type='+userCollectType,
success: function(res) {
// 收藏、取消收藏转换
_obj.removeClass('on');
}
})
$(this).removeClass('on');
}else{
// 已收藏的图片提示，收藏成功
$.ajax({
type: 'get',
url: '/my/getNewMyCollectInfo',
data: 'option=getNewCollectGroup&pid=' + userCollectPid + '&type='+userCollectType,
success: function(res) {
if (res.state == '-11') {
doAlertNoCache('/alert/uniqueLogout');
} else if (res.state == '-12') {
env.login();
} else {
key = CONFIG['uid'] + '_user_is_collect_' + userCollectPid;
// 用户已经收藏过该图片
if (res.isCollect == true) {
// list.parents(".list").css("overflow", "initial");
// list.prev(".show").show();
console.log('已经收藏过了');
return;
}
// 用户没有收藏过该图片
if (res.limit) {
if (collectLimit == false) {
$("body").append(res.limit);
}
collectLimit = true; // 表示弹窗加载到页面
eval(res.run);
} else {
$('.copy-tips,.collect-onePop,.zhezhao').remove();
$("body").append(res.html);
$('#collect_pid').val(res.pid);
$(".shou_cang").show();
$(".zhezhao").show();
}
}
}
})
$(this).addClass('on');
}
});
if($.trim($('.photoAlbum-searchText').val()).length){
issou=true;
};
// 触发点击
if($('.photoAlbum-nav').length){
var getUrlQueryPictype = getQueryString('picType') ? getQueryString('picType') : '';
var getUrlQueryVideo = getQueryString('video_c1') ? getQueryString('video_c1') : '';
if(getUrlQueryPictype == 100) {
getUrlQueryVideo ? $('[data-video='+ getUrlQueryVideo +']').trigger('click') : $('.photoAlbum-navtab a.on').trigger('click');
} else {
getUrlQueryPictype ? $('[data-pic='+ getUrlQueryPictype +']').trigger('click') : $('.photoAlbum-navtab a.on').trigger('click');
}
}'+ showNewVideoType + newSmallVideoHtml +
''+
'
'+
''+
''+
''+v.display_title+'
'+ '- '+v.duration+''+ ''+(video_rate == '4K' || video_rate == '8K' ? '' : video_rate)+'
'+
''+
''+ showDownloadBtn +
''+
'
'+
''+ showVideoTags +
'