0

私は jquery isotope を使用して画像のギャラリーを開発しています。ユーザーが画像のサムネイルをクリックすると、同位体の例 (http://isotope.metafizzy.co/demos/elements-complete) に見られるように拡大されます。 .html)

私が抱えている問題は、すべての画像を同じ位置に拡大することです。つまり、クリックされたサムネイルに関係なく、常にページの左上に拡大します。

私は遊んでみましたが、次のコードを追加することで画像を左上に拡大して表示できますが、これを行うとサムネイル画像の一部の上に拡大されます。

$(this).css({"-webkit-transform": "translate3d(5px, 5px, 0px)"});

これが私がこれまでに持っているものです... http://jsfiddle.net/supersav144/f33UW/

どんな助けでも大歓迎です。

4

1 に答える 1

1

jsの最後の行が問題を引き起こしている可能性があると思います..これを試してください..さまざまなコンテナサイズについてテストしていません.. http://jsfiddle.net/H5jYh/

    $container
  // update sort data on changed items
  .isotope('updateSortData', $this )
  .isotope('updateSortData', $previousLargeItem )
  // trigger layout and sort
  .isotope('reLayout');
于 2013-01-24T18:26:53.737 に答える