溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“l(fā)ayui如何實現(xiàn)表格內(nèi)放置圖片并點擊放大效果”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“l(fā)ayui如何實現(xiàn)表格內(nèi)放置圖片并點擊放大效果”這篇文章吧。
代碼如下
cols: [[ //表頭
{
field: 'brand_img_url',
title: '圖片',
sort: true,
templet: function(d){
return '<div οnclick="show_img(this)" ><img src="'+d.brand_img_url+'" alt="" width="50px" height="50px"></a></div>';
}
}
]]//顯示大圖片
function show_img(t) {
var t = $(t).find("img");
//頁面層
layer.open({
type: 1,
skin: 'layui-layer-rim', //加上邊框
area: ['80%', '80%'], //寬高
shadeClose: true, //開啟遮罩關閉
end: function (index, layero) {
return false;
},
content: '<div ><img src="' + $(t).attr('src') + '" /></div>'
});
}以上是“l(fā)ayui如何實現(xiàn)表格內(nèi)放置圖片并點擊放大效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
