灯箱 - 触发器库

2 回答

• 0

  我能够通过删除图标来解决这个问题：

  <a href="images/design-centre-gallery/1.jpg" data-lightbox="design-centre-gallery"><i class="fa fa-picture-o design-centre-gallery-btn"></i></a>
  

  并使用CSS媒体查询更改 first-child 的外观：

  .design-centre-gallery a:first-child {
      display:block;
      text-align:right;
      padding:10px;
      font-family:FontAwesome;
      font-style:normal;
      font-weight:normal;
      line-height:1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .design-centre-gallery a:first-child:before {
      content:"\f03e";
      font-size:58px;
      color:#FFF;
  }
  
  .design-centre-gallery a:first-child img {
          display: none;
          float:right;
          padding:10px;
  }
  
  .design-centre-gallery a img{
      display: none;
  }
  
  @media (min-width: 768px){
  
      .design-centre-gallery a:first-child:before {
          content:"";
          font-size:58px;
          color:#FFF;
      }
  
  
      .design-centre-gallery a:first-child {
          display:initial;
          text-align:right;
          padding:0px;
          font-family:initial;
      }
  
      .design-centre-gallery a img {
          display: inline-block;
      }
  
      .design-centre-gallery a:first-child img {
          float: none;
          padding:0px;
          display:inline-block;
      }
  }
  

  回复于 2024-05-11T14:34:20+08:00
• 0

  您有两次图库中图像的链接，第一个图标是您想要的图标 . 您需要使用相同的href删除副本 .

  删除此链接：

  <a href="images/design-centre-gallery/1.jpg" data-lightbox="design-centre-gallery"><img src="images/design-centre-gallery/1.jpg" /></a>
  

  回复于 2024-05-11T14:34:20+08:00