Skip to content
A jquery waterfall plugin.
JavaScript
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
js
test
.gitattributes
.gitignore
README
Readme.md
ajaxData.txt
demo.html
indicator_medium.gif

Readme.md

description

A waterfall plugin based on jquery. Supports window-resize & ajax. demo1 demo2

How to use.

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.cb.waterfall.plugin.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#photo_wall").waterfall({
        ajaxUrl         :"ajaxData.txt",            ////ajax url. e.g. /server/loadMorePics.php. return json data as {["src":"2.jpg","desc":"description","link":"#"],["src":"4.jpg","desc":"description","link":"#"]}  
        ajaxParams      :{"count":20,"userId":30},  //ajax params. e.g. {"name":"chembo","loadPic":"10"}
        ajaxCount       :5,                         //the total times of the ajax will run when scroll hits the bottom. default to 4.
        block_class     :"ablock",                  //one block's width. default to ablock.
        margin          :3,                         //the margin between two blocks. unit is the px. default to 3.
        block_width     :230,                       //one block's width.
        animate_duration:500                        //jquery animate duration. unit is the million-second. default to 1000.
    });
});

contact me

chemboking(at)qq.com

Something went wrong with that request. Please try again.