Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
A jquery waterfall plugin.
branch: master

This branch is even with chembohuang:master

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.