Create Dynamic, Easy-to-use Photo Gallery jQuery Plugin

PhotoGallery2 is a lightweight jQuery plugin used to create dynamic and easy-to-use photo galleries based on PhotoGallery.

responsive image slider with text, tiny slider, responsive carousel slider, responsive slider free download


  • Automatically expand/shrink/crop/resize images to fit the container.
  • Supports two background-size properties: size-cover and size-fit.
  • Automatic sliding between images when the page loads.
  • Lots of API functions.
  • image caption bar.

How to make use of it:

1. Include the desired photogallery.css stylesheet in the header section and the photogallery.js script.

<link href="photogallery.css" rel="stylesheet">
<script src="//"></script>
<script src="photogallery.js"></script>

2. Insert a group of images into the container element. Use the data-caption attribute to specify the caption text.

<div id="gallery-demo">
  <img src="1.jpg" data-caption="Caption 1">
  <img src="2.jpg" data-caption="Caption 2">
  <img src="3.jpg" data-caption="Caption 3">

3. Initialize the plugin.


4. Configuration options.

// The index slide that the photo gallery will start on.
startingSlide: 0,

// Cover: Scale the background image to be as large as possible so that the background area is completely covered by the background image.
// Contain: Scale the image to the largest size such that both its width and its height can fit inside the content area.
backgroundSize: "cover",

// animation speed
animationSpeed: 200,

// autoplay
autoScroll: true,

// autoplay interval
scrollDelay: 6000

5. Methods.

// initialize the plugin

// go to next slide

// go back to previous slide

// go to a specified slide

responsive photo carousel, PhotoGallery2 Plugin/Github

See Demo And Download

Official Website(Qvcool): Click Here

This superior jQuery/javascript plugin is developed by Qvcool. For extra advanced usage, please go to the official website.

Related Posts


Adding Zoom-on-Wheel and Pan-on-Drag to Inline SVG Elements

Vanilla-js module for adding zoom and panning behavior when dragging to SVG embedded elements. A lightweight Vanilla JavaScript plugin that enables zoom and pan functions on an…


Sorting HTML Table Vanilla JavaScript Library | Sortable.js

Sortable – Small JS vanilla table sorter makes any table with class = “sortable“, er, sortable. That is, the user can click the table header and change…


WYSIWYG Rich Text Editor With jQuery And FontAwesome | RichText

RichText jQuery implementation for WYSIWYG Rich Text Editor which uses Font Awesome Iconic Font for editor icons. It is licensed under AGPL-3.0. Initialize editor Simply call .richText() on your jQuery(‘textarea’) or jQuery(‘input’)…


[Autocomplete] Email Domain Suggestions Like Gmail, Outlook, or More | email-genie

Email Genie allows auto-completion in the email field by providing a list of domain suggestions (,, etc.). This package is lightweight, flexible, compatible with libraries (jQuery,…


[Generator] JavaScript Library for Creating Squircley Magic ✨ | squircley.js

squircley.js is the core magic of Squirclular ✨ from wrapped in a simple 0-dependency JavaScript library. squircley.js can generate SVG files, add square backgrounds to DOM…