0

背景画像があり、特定のサイズの div で Jquery Isotope プラグインを使用しています。

.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;
}

(注: 現在、2 番目の画像を選択するようにハード コードされています。後でランダム化を行います。)

問題は、Isotope が呼び出されている場所に上記のコードを挿入すると機能しないことです。

Isotope が呼び出された後に上記のコードを挿入すると、機能しますが、画像がオーバーラップします。つまり、Isotope がレンダリングした後に画像のサイズが変わります。

おそらくこれを既存の同位体スクリプトに追加する方法を知っている人はいますか? または、誰かが私に何か提案がありますか? 説明が必要な場合はお知らせください。

ありがとう

4

1 に答える 1

0

わかりましたので、isotope-item の代わりに使用する独自のクラスを追加し、JQuery を調整して isotope 呼び出しの上に戻すと、うまくいきました。

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

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

これが誰かに役立つことを願っています。さらに情報が必要な場合は、私にメッセージを送ってください

于 2012-12-11T07:17:01.327 に答える