代码之家 › 专栏 › 技术社区 › Dejan Dozet

ekko lightbox-无需a href包装的模态图像

tinymce-5 bootstrap-4 jquery javascript

Dejan Dozet · 技术社区 · 5 年前

我在用ekko灯箱( http://ashleydw.github.io/lightbox/ )+小符号5。我有img流体类,所以图像被调整了大小。我现在的想法是使用lightbox在模态中打开它,而不需要包装它,因为我不知道启用timymce用a href和一些额外的属性包装img是否简单。

那么,如何通过点击保存图像的img标签来弹出图像呢?

谢谢

0 回复 | 直到 5 年前

Dejan Dozet 5 年前

完成了,我自己找到了。所以我就这么做了:

  $('img[data-toggle="lightbox"],img.thickbox').each(function(){
    if (!$(this).attr("data-remote")){
      $(this).attr("data-remote", $(this).attr("src")).css("cursor", "pointer");
    }
  });

在tinymce配置中:

            image_class_list: [
              {
                title: 'None', value: ''}
              ,
              {
                title: 'Responsive image', value: 'img-fluid'
              }
              ,
              {
                title: 'Responsive image + modal', value: 'img-fluid thickbox'
              }
            ],

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

6 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

7 月前

user28928120 · 如何在jquery中选择所有类?

7 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

7 月前