繁体   English   中英

砌体视图显示一个接一个的图像

Masonry view showing images one below another

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我使用了Masonry视图插件,但是当图像通过ajax调用加载时,它们似乎显示为一个在另一个下面(如列表)。

HTML

    <div id="masonryView" data-ng-repeat="image in images">
            <div class="item">
              <a target="_blank" href="">
                <img src="{{image.imageSourceURL}}" alt="" width="250">
              </a>
              <div class="desc">{image.description}</div>
            </div>
    </div>

阿贾克斯

  $(window).load(function(){
    var $container = $('#masonryView').masonry();
    $container.imagesLoaded( function() {
    $container.masonry();
    });
  });

CSS

#masonryView {
 position: relative;
}

.item {
   margin: 10px;
   width: 100px; 
 }

似乎有一个问题可以解释为什么图像在另一个下面显示吗?

1 个回复

我在发布的标有“ AJAX”的代码中没有看到任何AJAX,但是您应该通过设置itemSelector以这种方式调用砌体:

$(window).load(function(){
var $container = $('#masonryView').masonry();
$container.imagesLoaded( function() {
$container.masonry({itemSelector: '.item'});
});
});
1 如何一个接一个显示图像

我目前正在遍历一个列表,并根据该元素的条件,我想显示两个图像之一。 效果很好,但是我该如何在显示图像之间暂停一下。 我试过使用: 每次检查之后,但出于某种原因,它会等待功能结束,然后再显示任何图像。 有谁引起这是什么原因以及如何解决它? ...

2 如何一个接一个地显示Show Case视图

我有4个按钮。我需要为每个按钮提供展示柜视图。但是问题是,当在Oncreate上为每个按钮创建展示柜视图时,所有展示柜视图同时显示。我如何一个接一个地显示它? 创建代码 函数show_showcase } ...

2015-03-11 13:53:24 2 548   android
5 Famo.us砌体视图

有谁知道如何在Famo.us Angular内存档砌体视图? 交付的网格视图非常好,但是不支持单击并调整一个表面的大小并对齐其他表面。 我目前正在构建2行多列的曲面。 在单击一个Surface时,应将其大小调整为2行2列的大小,并在其右边添加其他3个元素。 我也尝试过在famo. ...

6 在Magento 2的Algoliya添加砌体视图

我正在尝试将Masonry实施到我的网站目录中。 虽然我发现Masonry的观点已经在Algolia了。 我发现这个jsFiddle但我无法理解如何在我的网站上实现这个。 在哪里添加这个java脚本代码。 如果有人知道这一点,将不胜感激。 [1]: https://jsfiddle ...

7 如何在一个接一个的视图中显示两个图像,反之亦然?

如何在一个接一个的视图中显示两个图像,我有两个图像名为image1和image2,当用户打开一个特定的页面,它想要显示image1然后在2秒后image1消极并显示image2然后在2秒后image2 disappers和显示image1然后继续。 我希望你能理解我的问题。如何做到这一点。 ...

2012-01-03 05:00:47 3 293   iphone
9 Android如何一个接一个地在一个活动中显示2个列表视图

我已经使用此代码在另一个上面显示了2个列表视图。 问题是,这导致每个列表视图占据屏幕的一半。 我正在为这两个列表添加一个标题。 我想在第一个列表结束后出现第二个列表的标题。 我该怎么做?如何使列表视图出现,以便第一个在第一个结束时开始? 谢谢 ...

10 ListView在视图中一个接一个地加载图像

这个简单的应用程序从用户那里获得一个标签,并在ListView中显示与该标签匹配的前10个闪烁图像。 我使用了这个简单的教程,我只是对其进行了修改,以便它可以与闪烁搜索一起使用,而不是硬编码的链接。 它可以工作,但是在某些视图中以某种方式将图像彼此加载。 因此用户可以看到视图中的图像发生了 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM