xGallery - Responsive Image Gallery

xGallery is a jQuery plugin for creating a Responsive Image Gallery

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: github.com

1. INCLUDE CSS AND JS FILES

<link type="text/css" rel="stylesheet" media="screen" href="xGallery.css" />
<script  type="text/javascript" src="jquery.js"></script>
<script  type="text/javascript" src="xGallery.js"></script>

2. HTML

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

3. JAVASCRIPT

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

4. OPTIONS

$("#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
});