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

我正在使用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渲染后改变大小。

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

谢谢

Answer 1

好的，所以我发现添加我自己的类来代替isotope-item并调整我的JQuery以及将它移回同位素调用之上就可以了：

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

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