jquery-isotope

0热度

1回答

我需要通过只显示具有“destaque”类的div来启动同位素。目前，加载的时候我的脚本，显示从CMS所有加载项，但是如果我点击过滤器按钮： <li data-filter=".destaque" class="active">Todos</li> 它会显示我想要的物品。 - 启动同位素如何启动这个类div只是itens？

0热度

1回答

同位素筛选 - 在页面加载时从每个类别加载特定号码

我在每个类别中都有多个项目，但我只想显示加载时每个类别的前3个，然后在筛选时显示所有项目类别。我发现一个number of posts关于在选项中使用“过滤器”来只加载一个类别，但这不是我想要做的。我嘲笑了a codepen。现在，每个类别都有4个元素，但我只想在每个负载中显示3个元素。这是我尝试过的一些事情。 1.我向CSS中的所有项目添加了display：none，然后使用lt（）从每个类中

0热度

1回答

过滤同位素中的母体元素的孩子

我使用同位素过滤数据。目前，我有一个HTML与结构，如： jQuery('.container-filter-cate').isotope({ itemSelector: '.list-posts', filter: ':nth-child(-n+3)' }); <script src="https://ajax.googleapis.com/ajax/libs

1热度

1回答

同位素每行限制

我正在使用同位素石工。一切看起来不错，但同位素开始在1000px上每行显示一个图像的事实。我想让它显示每行400px及以下的图像。是否有同位素的设置？

0热度

1回答

同位素过滤不起作用的锚标记

我创建一个投资组合网站展示我的作品。我正在使用Light Gallery在我的网站上显示图片和视频。我想通过使用Isotope.js添加筛选选项我无法弄清楚我的代码有什么问题。我已经安装了一支笔CodePen 请随时添加到代码。 // external js: isotope.pkgd.js // init Isotope var $grid = $('.nlg1').isotope({

0热度

1回答

同位素过滤器只显示过滤的光廊图片

我想为我的网站创建一个过滤组合，我已经设置了一切，但事情是，当我使用Isotope过滤一个类别，当然它会过滤出来，但是当我点击图像并启动lightgallery，它显示所有类别的所有图像。我希望特定类别的图像在lightgallery的幻灯片中可见。我看到一些堆栈中的答案，我想我需要实现一个shadowbox。但不知道如何。请帮帮我。我Codepen //isotope Code $('

0热度

1回答

与位置同位素网格项：相对

方面我想建立与无限滚动加载一个同位素网格布局。需求我需要给一个相对位置.grid-item以定位与position: absolute相关的父元素.grid-item其子元素。 <div class="grid"> <article class=".grid-item" ?>  <img> <!-- pos

0热度

1回答

同位素在图像加载之前执行

我努力让图像加载后执行我的同位素，因为否则，同位素项目会重叠。 - 我试图将ImagesLoaded插件（http://imagesloaded.desandro.com/）应用于我的同位素，但是，我正努力在图像加载后执行同位素。下面是我的Isotope WITHOUT ImagesLoaded，如果有人知道如何去做这件事，我将不胜感激！（：这是我在行动同位素：http://illuminat

0热度

1回答

使用同位素JavaScript插件，我该如何摆脱差距？

我正在尝试构建一个网格，它将用户提交的所有照片放置到一个整齐的网格中，该网格将响应浏览器的高宽比/分辨率。同位素看起来像这是事实上的库。我观看过的每个演示都实现了一切，我使用了两个静态大小的图像（纵向分辨率为346x533，横向分辨率为520x347）。由于图片的大小相同，或者是另一半的高度，这应该是一个很好的网格。问题是，它并不像我所期望的那样渲染网格。有时候，我得到的布局返回这对他们有巨大的

0热度

1回答

同位素砌体产生不同的输出相比，演示

我想学Isotope。有一个特定的演示，我正在尝试，我已经复制给定的代码fiddle here 但是，输出是不同的。我的输出：在演示现场输出：浏览器最大化和我在同一个屏幕上观看两个。这里是我的网页上的代码： <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <