Question

我正在使用Jquery Isotope插件，其div具有背景图像并且具有特定大小：

.frontpageimage {
    height: 200px;
    width: 200px;
    background-image: url('tile1.jpg');
}

这很好用。但是我想在那里随意选择和成像并使其比其他更大，所以我创造了这个：

$('#isotopecontainer .isotope-item:nth-child(2)').find('.frontpageimage').addClass('frontpageimagehigh');


.frontpageimagehigh {
    height: 420px;
    width: 200px;
}

（注意：目前硬编码选择第二张图像 - 稍后将进行随机化。）

麻烦的是，如果我将上面的代码插入到调用Isotope的地方，它就不起作用了。

如果我在调用Isotope后插入上面的代码，它可以工作，但图像重叠 - 即：图像在Isotope渲染后改变大小。

有谁知道如何将其添加到现有的同位素脚本中？或者有人对我有任何建议吗？如果需要澄清，请告诉我。

由于

Answer 1

好的，所以我发现添加我自己的类而不是同位素项并调整我的JQuery以及将它移回同位素调用之上就可以了：

$('#isotopecontainer .item:nth-child(2)').find('.frontpageimage').addClass('frontpageimagehigh');

<div class="item isotope-item"...

希望这有助于某人。如果您需要更多信息，请告诉我

Jquery Isotope插件：生成随机大小的图像

1 个答案: