layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例
更新時(shí)間：2019年09月10日 11:15:28 作者：楊蔥兒
今天小編就為大家分享一篇layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
我就廢話不多說了，直接上代碼吧！
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, //開啟遮罩關(guān)閉
end: function (index, layero) {
return false;
},
content: '<div style="text-align:center"><img src="' + $(t).attr('src') + '" /></div>'
});
}
以上這篇layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
js實(shí)現(xiàn)目錄鏈接,內(nèi)容跟著目錄滾動(dòng)顯示的簡單實(shí)例
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)目錄鏈接,內(nèi)容跟著目錄滾動(dòng)顯示的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
本文主要介紹了js實(shí)現(xiàn)圖片左右滾動(dòng)效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
本文我們講解了 axios 對外出口 API 是如何設(shè)計(jì)的,我們首先介紹了內(nèi)部 Axios 類的實(shí)現(xiàn),這是 axios 核心邏輯所在,其次為了讓出口 API 更好使用,最后又在增加了 create() 方法,文中通過代碼示例講解的非常詳細(xì),需要的朋友可以參考下2024-05-05
ipcMain模塊是Electron架構(gòu)中實(shí)現(xiàn)主進(jìn)程與渲染進(jìn)程之間通信的關(guān)鍵部分,ipcMain模塊是一個(gè)非常重要的組件,本文給大家講解electron中ipcMain用法示例小結(jié),感興趣的朋友跟隨小編一起看看吧2024-04-04
微信小程序局部刷新觸發(fā)整頁刷新效果的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序局部刷新觸發(fā)整頁刷新效果的實(shí)現(xiàn)代碼,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-11-11
javascript顯式類型轉(zhuǎn)換實(shí)例分析
這篇文章主要介紹了javascript顯式類型轉(zhuǎn)換,實(shí)例分析了javascript實(shí)現(xiàn)類型轉(zhuǎn)換的常用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
實(shí)例解析js中try、catch、finally的執(zhí)行規(guī)則
本文主要通過實(shí)例解析來更好的了解js中try、catch、finally的執(zhí)行規(guī)則，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
javascript實(shí)現(xiàn)電商放大鏡效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)電商放大鏡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
原生JS實(shí)現(xiàn)獲取及修改CSS樣式的方法
這篇文章主要介紹了原生JS實(shí)現(xiàn)獲取及修改CSS樣式的方法,結(jié)合實(shí)例形式簡單分析了JavaScript針對頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-09-09
身份證號(hào)碼前六位所代表的省,市,區(qū), 以及地區(qū)編碼下載
身份證號(hào)碼前六位所代表的省,市,區(qū), 以及地區(qū)編碼下載...2007-04-04