爱意满满的作品展示区。
onlytiancai

做了个瀑布流,晒美腿,你懂的

  •  
  •   onlytiancai · Feb 13, 2012 via Android · 14139 views
    This topic created in 5378 days ago, the information mentioned may be changed or developed.
    http://datui.sinaapp.com
    界面做的比较烂,不会设计,
    还有就是手机上浏览我想让他显示两列,怎么弄呀?
    用那个媒体查询搞了半天手机上还是960宽
    57 replies  •  1970-01-01 08:00:00 +08:00
    guotie
    guotie
    Feb 13, 2012
    1
    不错!
    loading
    loading
    Feb 13, 2012
    2
    自己再写css,只留图片,噢,我邪恶了。。。

    不错
    manhere
    manhere
    Feb 13, 2012
    3
    直接取新浪微博的内容,没有问题吗?
    iloveayu
    iloveayu
    Feb 13, 2012
    4
    啊哈~这二级域找得好直白~
    shine_lee
    shine_lee
    Feb 13, 2012
    5
    datui...中箭了,我是来看美腿的
    kimcool
    kimcool
    Feb 13, 2012
    6
    擦。。能分享或者出售这个不。想用这种程序做个宠物图片收集站。
    jinjuo
    jinjuo
    Feb 13, 2012
    7
    太……霸气(找不到别的词了)
    miaoever
    miaoever
    Feb 13, 2012
    8
    域名霸气,哈哈。
    sigone
    sigone
    Feb 13, 2012
    9
    火狐浏览器有问题
    chairo
    chairo
    Feb 13, 2012
    10
    霸气外露啊
    eric_zyh
    eric_zyh
    Feb 13, 2012
    11
    masonry的列数=“容器宽度”/“列宽”。

    手机浏览器情况下只要把容器宽度减半即可,就是你的class:.container-fluid .content
    width: 960px -> width: 480px;

    另外你的瀑布渲染的时候会闪烁,昨天有个v2exer有个和你类似的问题。给items加个样式"height:20px;overflow:hidden"即可,masonry会在瀑布块渲染完毕之后,自动设置高度。

    这是我昨天分析masonry源码的文章,你可以看看。http://wuzhi.me/?p=239
    Ellison
    Ellison
    Feb 13, 2012
    12
    datui...碉堡了啊...
    onlytiancai
    onlytiancai
    OP
    Feb 13, 2012
    13
    @eric_zyh 好,谢谢高手相助,我回家试试。
    sigone
    sigone
    Feb 13, 2012
    14
    能否分享一下源代码
    flied
    flied
    Feb 13, 2012
    15
    我想知道图片是怎么找的?搜索新浪微博图片关键字?
    onlytiancai
    onlytiancai
    OP
    Feb 13, 2012
    16
    @sigone 可以分享源码,不过现在前端,后端写的都比较草,发出来怕丢人。
    onlytiancai
    onlytiancai
    OP
    Feb 13, 2012
    17
    @flied 新浪有话题的jsonp接口,
    最新美腿:搜索带“美腿”,原创,有图片,不带链接(有链接的大多都是广告)的微博
    最受欢迎美腿:用户点了分享美腿,或我喜欢这个美腿的链接后就会跑到这里。
    我喜欢的美腿:用户登录后,点了我喜欢某个美腿,以后在“我喜欢的美腿”里就可以看到已经喜欢过的美腿了。

    纯玩的,没加太多乱七八糟的功能。
    Matata
    Matata
    Feb 13, 2012
    18
    看了半天
    lukefan
    lukefan
    Feb 13, 2012
    19
    在chrome里面排列得有些凌乱啊?是不是在调程序啊?
    lukefan
    lukefan
    Feb 13, 2012
    20
    多等了一会儿,现在好了。
    一直对瀑布流这种形式不是很喜欢。这种阅读方式,太无须了。
    Sivan
    Sivan
    Feb 13, 2012
    21
    我进去之后就没心思想技术的问题了。
    realfex
    realfex
    Feb 13, 2012
    22
    顶部配色挺有团购网站的赶脚。。。
    54xiaobin
    54xiaobin
    Feb 13, 2012
    23
    域名真霸气
    wdx
    wdx
    Feb 13, 2012
    24
    果断抱大腿
    jwu
    jwu
    Feb 13, 2012
    25
    LOL
    期待lz公布源码参考参考哈~
    sigone
    sigone
    Feb 13, 2012
    26
    @onlytiancai 希望分享
    mr_pppoe
    mr_pppoe
    Feb 13, 2012
    27
    也看了半天
    sun019
    sun019
    Feb 13, 2012
    28
    嗯 不错哦
    babyisland
    babyisland
    Feb 13, 2012
    29
    有人会有【做个“晒胸肌”来取悦广大女性用户】的想法吗?
    avatasia
    avatasia
    Feb 13, 2012
    30
    hanbaoo
    hanbaoo
    Feb 13, 2012
    31
    @babyisland 女生看个一两次还行,看多了容易恶心吧
    onlytiancai
    onlytiancai
    OP
    Feb 13, 2012
    32
    @eric_zyh 你好,我改好了,图片没显示出来的时候只显示很小的一片区域。
    为啥用height:20px呀。
    我的例子在http://www.shailiwu.com
    eric_zyh
    eric_zyh
    Feb 13, 2012
    33
    如果height太大,网页没加载完之前能很明显的看到上下2个瀑布块之间的间隔。加载完后,masonry计算瀑布块位置会有个很明显的闪动效果,体验不是很好。

    不过你的网页实在是加载太慢了,所以一直卡在那。 可以考虑加一个loadding
    onlytiancai
    onlytiancai
    OP
    Feb 13, 2012
    34
    @eric_zyh 恩,明白了,谢谢。
    图片都是新浪的,不应该太慢呀。

    手机上如何让它只显示两列呢?


    <meta name="viewport" content="width=device-width, initial-scale=1">

    @media only screen and (max-width: 768px) {
    .topbar-inner{
    width:490px;
    }
    }

    @media only screen and (max-width: 768px) {
    .container-fluid .content{
    width:490px;
    }
    }

    这几个我都设置了,可我的手机上只显示一列了,而且顶部导航还是没缩小。
    我用width:100%;max-width:960px,在手机上效果也不好。
    eric_zyh
    eric_zyh
    Feb 13, 2012
    35
    masonry计算列数量的方法是:_getColumns。 你可以拿源码调试一下。

    按道理应该是两列

    this.cols = Math.floor( ( containerWidth + this.options.gutterWidth ) / this.columnWidth );

    490 0 240
    onlytiancai
    onlytiancai
    OP
    Mar 7, 2012
    36
    https://github.com/onlytiancai/datui 开源了,我把代码放到github上了,希望大家能一起改进前端界面和后端代码,呵呵。
    NO_29
    NO_29
    Mar 7, 2012
    37
    看了半天,手滑收藏了=。=
    udonmai
    udonmai
    Mar 7, 2012
    38
    好福利+1
    zhuzhuor
    zhuzhuor
    Mar 7, 2012
    39
    牛逼!!!
    ksky
    ksky
    Mar 7, 2012
    40
    收了。
    peJoJo
    peJoJo
    Mar 7, 2012
    41
    恩。收藏了。。。很有想法
    wptree
    wptree
    Mar 7, 2012
    42
    随便找个点子做成瀑布流,就能赚足眼球。
    yishanhe
    yishanhe
    Mar 7, 2012
    43
    https://80yy.sinaapp.com/ 这个也是楼主的作品么?好有感觉啊
    vincentqi
    vincentqi
    Mar 7, 2012
    44
    收藏了,就喜欢这种纯粹的内容
    hileon
    hileon
    Mar 7, 2012
    45
    nb
    sun019
    sun019
    Mar 7, 2012
    46
    @onlytiancai 谢谢分享了 不错
    qiuai
    qiuai
    Mar 7, 2012
    47
    =.=刚才突然想起来...我手上还有个 youxiongqi.com xiongqi.org...胸器.....凶器....
    ming1016
    ming1016
    Mar 13, 2012
    48
    我也做了个晒美腿的,还有制服,翘臀,内涵,福利,女优等关键字的。
    下面是赛美腿的标签,都是实时取的,切换关键字刷新会不断获得最新内容。
    http://www.starming.com/index.php?action=plugin&v=wave&tpl=fav&ac=finding&words=7

    能够收藏,能够绑定自己新浪微博微博用瀑布流方式查看自己微博,可翻页

    @manhere 新浪提供了接口直接取是没问题的。
    @loading 大家都很邪恶的
    @kimcool 这个标签是宠物的
    http://www.starming.com/index.php?action=plugin&v=wave&tpl=fav&ac=finding&words=13
    @babyisland 你要是对晒胸肌有兴趣,我给你加个
    @wptree 现在流行瀑布流嘛
    summer222522
    summer222522
    Mar 13, 2012
    49
    @iloveayu 同心声。 另求lz的datui
    crysng
    crysng
    Mar 13, 2012
    50
    呵呵,很sexy
    qichunren
    qichunren
    Mar 13, 2012
    51
    楼主用的是微博api v1的API,什么时候就会要取消了。我看文档上目前的v2 api,发现已经没有了根据话题搜索微博内容的api了,新浪越搞越封闭了。
    humiaozuzu
    humiaozuzu
    Mar 13, 2012
    52
    域名为啥叫大腿。。。 美腿多好
    sunny222
    sunny222
    Mar 13, 2012
    53
    @humiaozuzu 好想法~美腿好听~哈哈
    onlytiancai
    onlytiancai
    OP
    Mar 16, 2012
    54
    @qichunren 是呀,有可能,有时间向新浪发邮件让他们V2也支持下这个API吧。
    joby
    joby
    Mar 19, 2012
    55
    碉堡了!!!娃哈哈!!!
    hitbastank
    hitbastank
    Mar 22, 2012
    56
    赞,我就是喜欢腿
    ailogx
    ailogx
    Mar 22, 2012
    57
    灰常养眼 期待放出源码
    run2
    run2
    Mar 22, 2012
    58
    @ailogx 呃。请看36L 或者搜lz的回帖 github
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1445 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 144ms · UTC 18:20 · PVG 02:20 · LAX 10:20 · JFK 13:20
    ♥ Do have faith in what you're doing.