使用jquery版本的viewer.js图片更新的问题

本文详细介绍了如何在使用Viewer.js时解决图片无法点击及多图预览时图片加载失败的问题。通过在img标签中加入data-original属性并设置事件响应,可以实现图片的正常点击。对于多图预览时的加载问题,加入特定的更新指令即可解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

参考博客:

使用jquery版本的viewer.js图片更新的问题 - cc_fys的博客 - 优快云博客 https://blog.youkuaiyun.com/cc_fys/article/details/77675742

 

#ul_proList 就是<ul>的id

 <ul class="h_ul clearfix" id="ul_list" >
 </ul> 

 

无法点击具体解决方法:

在img中加入data-original="数据库获取的图片路径",其实和src一样。
然后加入事件响应:
    $('#ul_list').viewer({
           url: 'data-original',         
    });

 

多图预览第二页点击加载不出图片解决方案:

为什么会点击图片加载不到呢,其实我也不几道,列表数据没更新~~
 加入这句解决了:
  $("#ul_list").viewer('update');

如果不明白的,可以看下我前面写的图片点击放大插件的使用!

附上个静态demo地址:

https://files-cdn.cnblogs.com/files/maoye520/viewer-master.zip

  

 

转载于:https://www.cnblogs.com/maoye520/p/11452972.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值