点击打开图像作为图库引导程序

时间:2017-04-18 06:22:15

标签: javascript jquery html css twitter-bootstrap

我有一小段HTML,如下所示

<div class="comment-div">
   <h2>Murtaza Ali <span>15 Aug 2016</span></h2>
   <p>I think if you managed. </p>
   <img src="https://www.google.com/images/srpr/logo6w.png" alt="Smiley face">
</div>

<div class="comment-div">
   <h2>Suraj Shukla <span>15 Aug 2016</span></h2>
   <p>I think if you managed. </p>
   <img src="https://www.google.com/images/srpr/logo6w.png" alt="Smiley face">
</div>

<div class="comment-div">
   <h2>Suraj <span>15 Aug 2016</span></h2>
   <p>I think if you managed. </p>
   <img src="https://www.google.com/images/srpr/logo6w.png" alt="Smiley face">
 </div>

<div class="comment-div">
     <h2>Suraj <span>15 Aug 2016</span></h2>
     <p>I think if you managed. </p>
     <img src="https://www.google.com/images/srpr/logo6w.png" alt="Smiley face">
</div>

现在点击图片,我想打开弹出窗口,然后想要滑动到下一张图片。这仅适用于移动设备,因此点击时需要滑动(左右)到下一个图像

请建议。 Here's同样的小提琴。

1 个答案:

答案 0 :(得分:0)

请在此处查看此链接是更多相关示例,具有不同的效果。

http://www.jqueryscript.net/tags.php?/gallery%20lightbox/

我希望它对你有所帮助。

由于