Submit your widget

Awesome Scattered Stacked Image Gallery with jQuery

Created 3 years ago   Views 10197   downloads 1269    Author mizansyed
Awesome Scattered Stacked Image Gallery with jQuery
View DemoDownload 1.2 MB
27
Share |

Scattered Stacked Image Gallery

Installation

 

Add jquery library to your webpage:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

Add jquery.wdImageStax.min.js, after the above line:

<script src="jquery.wdImageStax.min.js"></script>

Optional: Add wdImageStax.css:

<link href="css/wdImageStax.css" rel="stylesheet">

Usage

/* place inside a wrapper */
<div id="gallery-wrapper">
    <ul>
        <li><img src="1.jpg" /></li>
        <li><img src="2.jpg" /></li>
        <li><img src="3.jpg" /></li>
    </ul>
</div>

$(document).ready(function() {
    $('#gallery-wrapper').wdImageStax({height:500});

    //or 
    //with default options
    $('#gallery-wrapper').wdImageStax();
});

Read more:https://github.com/mizansyed/wdImageStax

Tag: gallery