layui 实现鼠标指向table中的图片放大显示图片

最新推荐文章于 2021-08-12 19:30:47 发布

华上进

最新推荐文章于 2021-08-12 19:30:47 发布

阅读量4.3k

点赞数 2

分类专栏： layui table 开发实际需求解决问题和方案文章标签： layui 鼠标指向图片放大展示表格图片放大展 html

本文链接：https://blog.youkuaiyun.com/weixin_41327271/article/details/86665054

版权

这个功能的实现，网上有不少，但是之前自己查阅的时候总是实现不了，后来同事刘表哥大佬，查阅了一下，加上自己的一些想法，实现了该功能， c v 即可使用，就感觉蛮不错的，代码理解起来也相对简单明了。

如下图展示

话不多说上源码~~~

------------------------------------------------------------------------------------

{
    field: 'picAddress',
    title: '形象图片',
    align: 'center',
    templet:function (d) {
        if(d.picAddress != null && d.picAddress !=""){
            return '<img id="pitureChange" style="height: 100%"  src="'+d.picAddress+'">';
        }else{
            return '<img  id="pitureChange" style="height: 100%"