🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

xGallery is a simple to use jQuery plugin that displays a group of images in a full page slideshow lightbox with support for image loader and arrows navigation.

gallery-lightbox

Documentation

xGallery

Responsive Image Gallery with many settings. xPager

HTML

<header> 	<link type="text/css" rel="stylesheet" media="screen" href="xGallery.css" /> 	<script  type="text/javascript" src="xGallery.js"></script> </header>
<body> 	<div id="gallery" class="xpager-gallery"> 		<div><img src="photos/1_thumb.JPG" alt="test" data-img="photos/1.JPG" /></div> 		<div><img src="photos/2_thumb.JPG"  alt="Italien" data-img="photos/2.JPG" /></div> 		<div><img src="photos/3_thumb.JPG"  alt="Test 2" data-img="photos/3.JPG" /></div> 		<div><img src="photos/4_thumb.JPG"  alt="Test 1" data-img="photos/4.JPG" /></div> 	</div> </body>

Script

$(document).ready(function(){ 	$("#gallery").xGallery(); });

Settings

$("#gallery").xGallery({ 	animationType:"fade", 	animationSpeed:300, 	touchControl:true, 	keyControl:true, 	showPageNum:true		// Page Nummbers 	showPagePoints:true,	// Show Points Nav 	showPageImages:"all",	// all or Num images of Page 	showImages:"all",		// all or Num images show 	showComments:false,		// Show Imagecomments 	showImageNum:true,		// Show Imagenummber 	border:110, 	beta:true });

You May Also Like