javascript - 谁能给个 Waterfall 流体布局的范例和可用代码呢？

首先我没有什么Web开发经验，还请高手帮助下。

首先我了解到：Kissy Waterfall
对其实现原理不懂，我针对的学习了 json , jsonp 等调用， 但是发现还是有许多不懂的地方，最大的问题就是不知到该给Waterfall 里的 Jquery传递什么样子的值？

关键代码如下：

S.ajax({
    data:{
        'method':'flickr.photos.search',
        'api_key':'5d93c2e473e39e9307e86d4a01381266',
        'tags':'rose',
        'page':nextpage,
        'per_page':20,
        'format':'json'
    },
    url:'http://api.flickr.com/services/rest/',
    dataType:"jsonp",
    jsonp:"jsoncallback",
      success:function (d) {
        // 如果数据错误, 则立即结束
        if (d.stat !== 'ok') {
            alert('load data error!');
            end();
            return;
        }
        // 如果到最后一页了, 也结束加载
        nextpage = d.photos.page + 1;
        if (nextpage > d.photos.pages) {
            end();
            return;
        }

甚至我还为此专门去查看了 flick 的 json，因为也是刚接触，所以很多地方有疑惑，然后问题还没有解决。

不知道各位有没有什么好一点的，简单一点的办法可以帮忙实现的？
最好就是只要改动几个参数就可以搞定的。（毕竟1是新手，2也没这么多精力去研究，希望各位朋友体谅）

这个问题已被关闭，原因：

回复内容：

首先我没有什么Web开发经验，还请高手帮助下。

首先我了解到：Kissy Waterfall
对其实现原理不懂，我针对的学习了 json , jsonp 等调用， 但是发现还是有许多不懂的地方，最大的问题就是不知到该给Waterfall 里的 Jquery传递什么样子的值？

关键代码如下：

S.ajax({
    data:{
        'method':'flickr.photos.search',
        'api_key':'5d93c2e473e39e9307e86d4a01381266',
        'tags':'rose',
        'page':nextpage,
        'per_page':20,
        'format':'json'
    },
    url:'http://api.flickr.com/services/rest/',
    dataType:"jsonp",
    jsonp:"jsoncallback",
      success:function (d) {
        // 如果数据错误, 则立即结束
        if (d.stat !== 'ok') {
            alert('load data error!');
            end();
            return;
        }
        // 如果到最后一页了, 也结束加载
        nextpage = d.photos.page + 1;
        if (nextpage > d.photos.pages) {
            end();
            return;
        }

甚至我还为此专门去查看了 flick 的 json，因为也是刚接触，所以很多地方有疑惑，然后问题还没有解决。

不知道各位有没有什么好一点的，简单一点的办法可以帮忙实现的？
最好就是只要改动几个参数就可以搞定的。（毕竟1是新手，2也没这么多精力去研究，希望各位朋友体谅）