Gallery.js is a simple gallery plugin with few options. You can customize it using these options as well as css

Peace begins with a smile...

options

Olny 6 options to customize the plugin responsive is not an option but a generalized title for gallery's breakpoints

height

Type: Number or String
Default: 600

Height of the main image


showThumbnails

Type: Boolean
Default: true

Show or hide thumbnails


thumbHeight

Type: Number
Default: 150

Thumbnails height


singleLine

Type: Boolean
Default: false

Shows thumbnails in one line or as a tiles grid


items

Type: Number
Default: 3

The number of items you want to see on the screen


customControls

Type: Object
Default: svg icons

Object containing two properties: prevButton and nextButton


responsive

You can also set any properties depending on gallery width.
For example:

	768: {
		height: 300,
		showThumbnails: false,
		items: 4,
		singleLine: true,
		thumbHeight: 50
	}
These properties will be applied from 768px gallery width (not screen width).

classes

Use these classes to customize your gallery. Set any icons in place of ... to make your control buttons more attractive


	<div class="container-gallery">
	    <div class="large-img">
	        <div class="controls">
	            <div class="prev-button inactive">...</div>
	            <div class="next-button">...</div>
	        </div>
	    </div>
	    <div class="thmb-wrap">
	        <div class="thumbnails">
	            <div class="gallery-item active"></div>
	            <div class="gallery-item"></div>
	            <div class="gallery-item"></div>
	        </div>
	    </div>
	</div>