jQuery.photocols.js - Photo navigation for jQuery

Photocols.js is an easy jQuery plugin to create a responsive scrolling photo wall with animated image hover captions.

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

Source: github.com

1. INCLUDE JS FILES

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="../jquery.photocols.min.js"></script>

2. HTML

<div id="photocols"></div>

3. JAVASCRIPT

jquery('#photocols').photocols( {
    data : [
      { 'title' : 'Title 1' , 'subtitle' : 'Lorem ipsum' , 'url' : 'http://www.2coders.com' , 'img' :  'http://lorempixel.com/640/480/people/1' },
      { 'title' : 'Title 2' , 'subtitle' : 'Lorem ipsum' , 'url' : 'http://www.2coders.com' , 'img' :  'http://lorempixel.com/640/480/people/2' },
    ]
});

4. OPTIONS

bgcolor : '#000', // background color of your photo wall
width : 'auto', // width
colswidth : '200', // column width
height : 600, // height
gap : 5, // space bewteen images
opacity: 0.3, // opacity