Javascript Jquery同位素插件：生成随机大小的图像

我将Jquery同位素插件用于具有背景图像且具有特定大小的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;
}

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

问题是，如果我把上面的代码插入到同位素的上面，它就不起作用了

如果我在调用同位素后插入上述代码，它会工作，但图像会重叠-即：同位素渲染后图像大小会改变

有人知道如何将此添加到现有的同位素脚本中吗？或者有人能给我一些建议吗？如果需要澄清，请告诉我

---

谢谢

好的，所以我发现添加我自己的类来代替同位素项，调整JQuery并将其移回同位素调用上方，这样做很有效：

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

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

$（'#isotocontainer.item:nth child（2'））.find（'.frontpageimage'）.addClass（'frontpageimagehigh'）；