jquery-masonry

0熱

2答えて

私は自分のウェブサイト用のポートフォリオを作っています。私は石造りのグリッドを使っています。しかし、ページが順番に開くときにイメージをフェードインさせようとしています。このウェブサイトのようなものMichael Molfetas。私はCSSの遷移を使用してみました、私は石工のドキュメントをチェックしたが、私はそれを動作させることはできません。私は迅速にcodepenを入れました。私はウェブ上で見つ

0熱

1答えて

masonry.js - それらに遷移効果があるレイアウト項目

私は自分のプロジェクトでknockout.jsとmasonry.jsを使用しています。したがって、石積みの文書には、reloaditems methodを使用して、DOMの変更を石積みに適用することが示唆されています。アイテムにホバートランジションエフェクトを追加するまでうまくいきました。ここにis the code。あなたが押した後に見ることができるように、「より多くの負荷を！」ボタンは石

1熱

1答えて

無限のスクロール・メーソンリー・カードのスリック・カルーセルは最初のロードで動作しますが、カルーセルは新しいアイテムでは機能しません。

以下は滑らかなカルーセル用のスクリプトです。以下 function slider() { var $arrows = $('.arrows'); var $next = $arrows.children(".slick-next"); var $prev = $arrows.children(".slick-prev"); var sli

0熱

1答えて

jquery masonryがモバイルビューポートに調整されていません

私はJquery Masonryを2つインストールしています。そのうちの1つはモバイルビューポートに合わせて調整し、もう1つは調整しません。私は携帯のトラブルシューティングを行うと、フリーメーソンによって書かれているスタイルは最初のものである： <div id="list_of_albums" style="position: relative; height: 484.656px;" cla

2熱

3答えて

石積み+ LazyLoad - イメージが重複する

私はbase Mansory layoutを使って基本イメージグリッドを作成しています。無限のスクロールページを構築するために、データベースから数百または数千の画像をロードする必要があるため、主に読み込み時間のためにすべてをダウンロードする必要はありませんが、すべての無駄なトラフィック（彼がそれに達するまでスクロールしない限り、ユーザーは画像＃500を読み込まないでください）。これを実現するには

0熱

1答えて

石造私は現在、リストを作るために石工を使用してい

表示なしの後に正常に動作しない、はここに私の問題だ... は私が divコンテンツ、のいくつかの異なる種類を持っていると私はそれが表示したいです一度に1つのタイプのみが表示されます。私は、display:noneをjavascriptで除外されたdivに適用し、選択したdivにdisplay:blockを適用します。しかし、私は、石積みを呼び出した後、奇妙な、それは私が期待したものではあり

0熱

1答えて

アイソトープメーソンリーjQueryプラグインで静的ブロックを表示

私のウェブサイトhereのタイル構造のようなpinterestを表示するためのアイソトープjQueryプラグインを使用しているWordPressテーマを使用しています。私はSEOの目的だけでなくサイトの小さな説明を追加するために、他のタイルの前に静的な全幅のタイルを表示しようとしています。しかし、他のタイルは、それが明確に見えないように重なっています。この画像のように、ページの上部に全角ブロック

0熱

1答えて

石積みの負荷に動作していない私は窓に

例のサイズを変更するまで... Elementsは自分自身を再整列しない - http://paulmatheson.net/webdev.html は、ウィンドウのサイズを変更し、要素はそれに応じて移動します。 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="https://max

0熱

2答えて

石積みのグリッドはロードされていません

私のウェブサイトの石積みグリッドは最初のページを読み込んでいません（再度リフレッシュするとロードされますか？）グリッド内のすべてのイメージは正常にロードされています、スクリプトは実行されていません。このサイトのホームページ上でそれを見ることができます：http://moniquewilmoth.com