mirror of https://github.com/layui/layui
commit
a164affa67
|
@ -157,7 +157,8 @@ html #layuicss-layer{display: none; position: absolute; width: 1989px;}
|
||||||
.layui-layer-imgtit *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
|
.layui-layer-imgtit *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
|
||||||
.layui-layer-imgtit a{max-width:65%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#fff;}
|
.layui-layer-imgtit a{max-width:65%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#fff;}
|
||||||
.layui-layer-imgtit a:hover{color:#fff; text-decoration:underline;}
|
.layui-layer-imgtit a:hover{color:#fff; text-decoration:underline;}
|
||||||
.layui-layer-imgtit em{padding-left:10px; font-style: normal;}
|
.layui-layer-imgtit em{padding:0 10px; font-style: normal;}
|
||||||
|
.layui-layer-imgtit>span+a{margin-left: 10px;}
|
||||||
|
|
||||||
/* 关闭动画 */
|
/* 关闭动画 */
|
||||||
@-webkit-keyframes layer-bounceOut {
|
@-webkit-keyframes layer-bounceOut {
|
||||||
|
|
|
@ -1412,6 +1412,8 @@ layer.photos = function(options, loop, key){
|
||||||
loadImage(data[start].src, function(img){
|
loadImage(data[start].src, function(img){
|
||||||
layer.close(dict.loadi);
|
layer.close(dict.loadi);
|
||||||
|
|
||||||
|
var alt = data[start].alt||'';
|
||||||
|
|
||||||
//切换图片时不出现动画
|
//切换图片时不出现动画
|
||||||
if(key) options.anim = -1;
|
if(key) options.anim = -1;
|
||||||
|
|
||||||
|
@ -1449,15 +1451,36 @@ layer.photos = function(options, loop, key){
|
||||||
isOutAnim: false,
|
isOutAnim: false,
|
||||||
skin: 'layui-layer-photos' + skin('photos'),
|
skin: 'layui-layer-photos' + skin('photos'),
|
||||||
content: '<div class="layui-layer-phimg">'
|
content: '<div class="layui-layer-phimg">'
|
||||||
+'<img src="'+ data[start].src +'" alt="'+ (data[start].alt||'') +'" layer-pid="'+ data[start].pid +'">'
|
+'<img src="'+ data[start].src +'" alt="'+ alt +'" layer-pid="'+ data[start].pid +'">'
|
||||||
+function(){
|
+function(){
|
||||||
|
var tip = '<div class="layui-layer-imgsee">';
|
||||||
|
|
||||||
if(data.length > 1){
|
if(data.length > 1){
|
||||||
return '<div class="layui-layer-imgsee">'
|
tip += '<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>';
|
||||||
+'<div class="layui-layer-imguide"><span class="layui-icon layui-icon-left layui-layer-iconext layui-layer-imgprev"></span><span class="layui-icon layui-icon-right layui-layer-iconext layui-layer-imgnext"></span></div>'
|
|
||||||
+'<div class="layui-layer-imgbar" style="display:'+ (key ? 'block' : '') +'"><span class="layui-layer-imgtit"><a href="javascript:;">'+ (data[start].alt || '') +'</a><em>'+ dict.imgIndex +' / '+ data.length +'</em></span></div>'
|
if(alt===''){
|
||||||
+'</div>'
|
tip += '<div class="layui-layer-imgbar" style="display:'+ (key ? 'block' : '') +'"><span class="layui-layer-imgtit"><em>'+ dict.imgIndex +' / '+ data.length +'</em><a href="'+data[start].src+'" target="_blank">查看原图</a></span></div>';
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
tip += '<div class="layui-layer-imgbar" style="display:'+ (key ? 'block' : '') +'"><span class="layui-layer-imgtit"><span>'+ alt +'</span><em>'+ dict.imgIndex +' / '+ data.length +'</em><a href="'+data[start].src+'" target="_blank">查看原图</a></span></div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
tip += '</div>';
|
||||||
}
|
}
|
||||||
return '';
|
else if(data.length === 1){
|
||||||
|
if(alt===''){
|
||||||
|
tip = '<div class="layui-layer-imgbar" style="display:'+ (key ? 'block' : '') +'"><span class="layui-layer-imgtit"><a href="'+data[start].src+'" target="_blank">查看原图</a></span></div>';
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
tip += '<div class="layui-layer-imgbar" style="display:'+ (key ? 'block' : '') +'"><span class="layui-layer-imgtit"><span>'+ alt +'</span><a href="'+data[start].src+'" target="_blank">查看原图</a></span></div>';
|
||||||
|
tip += '</div>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
tip = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
return tip;
|
||||||
}()
|
}()
|
||||||
+'</div>',
|
+'</div>',
|
||||||
success: function(layero, index){
|
success: function(layero, index){
|
||||||
|
|
Loading…
Reference in New Issue