同じサイズの画像がある場合に正常に動作する jquery と quicksand プラグインを含むページがあります。異なるサイズの画像を追加すると、正しく表示されません。
ページ: -削除済み-
CSS と関係があると思いますが、何が問題なのかわかりません。
サイズ テスト 1 は問題ないように見えますが、サイズ テスト 2/3 には、小さい画像がページの左側に表示されないという問題があります。大きな画像の左側の空きスペースも使用する必要があります。
誰でも解決策を知っていますか?
削除しようとしましたadjustHeight: 'dynamic'
か?これが原因であると考えられます。
Test2 をクリックすると、大きな画像が表示されます。ファイル名は 010.png です。しかし、Test2 をクリックする前にページを調べると、010.png がまったくありません。
** 編集
なるほど、ajaxを使って他のページを引っ張っています。実際には何も問題はありません。それは本来あるべき方法で機能しています...
すべてが正しく機能しています。それがフロートの仕組みです。ただし、jquery.masonryを試してみてください。スクリプトをサイトに追加し、メイソンリーを呼び出す.wmshowcase
$('.wmshowcase').masonry({
itemSelector: 'li'
});
私はそれをテストしていないと言わざるを得ません:P