CODEWITHSUNDEEP
javascriptjqueryhtmlcsstwitter-bootstrap
Suraj Shukla
Suraj Shukla

Reputation: 187

on click open the images as a gallery bootstrap

I have a small snippet of HTML like below

<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>

Now on the click of the image, I want to open a pop up and then want to swipe to the next image. This is only for mobile so on click need to swipe (right-left)to next image

Please suggest. Here's the fiddle for the same.

Upvotes: 0

Views: 262

Answers (1)

roopa mishra
roopa mishra

Reputation: 491

Please check this link here is more related example with different effects.

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

I hope it will helpful for you.

Thanks

Upvotes: 2

Related Questions