Lightweight Photo Gallery & Lightbox Plugin - mbufung

mbufung is an ultra-light jQuery image gallery plugin for portfolio website that helps you create a lightbox popup gallery with next and prev arrows navigation.

How to use it:

1. Load jQuery library together with the mbufung.css and mbufung.js in your website.

<link rel="stylesheet" href="css/mbufung.css">
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="js/mbufung.js"></script>

2. Create a list of images for your portfolio website.

<div id="wrapper">
  <ul id="portfolio">
    <li><img src="1.jpg" title="Image Caption" alt="Image Alt"></li>
    <li><img src="2.jpg" title="Image Caption" alt="Image Alt"></li>
    <li><img src="3.jpg" title="Image Caption" alt="Image Alt"></li>
    <li><img src="4.jpg" title="Image Caption" alt="Image Alt"></li>
    <li><img src="5.jpg" title="Image Caption" alt="Image Alt"></li>
    ...
  </ul>
</div>

3. Create the template for the gallery lightbox.

<div id="overlay"></div>
<div id="frame">
  <table id="frame-table">
    <tr>
      <td id="left"><img src="images/prev.png"  alt="left"></td>
      <td id="right"><img src="images/next.png" alt="right"></td>
    </tr>
  </table>
  <img id="main"  src="" alt=""  />
  <div id="caption"></div>
</div>

4. That's it. When the user clicks on a thumbnail, the plugin will display the large images in a lightbox popup with the ability to navigate through all the images.

---

This awesome jQuery plugin is developed by NexGenTechLtd. For more Advanced Usages, please check the demo page or visit the official website.