私は個人的なプロジェクトに取り組もうとしています。www.blandydoes.co.uk
私はあなたをスピードアップしましょう。そのページには2つのプラグインがインストールされています。1つはjQuery Instagramと呼ばれます...
https://github.com/potomak/jquery-instagram
...もう 1 つは Animated Responsive Grid と呼ばれます...
http://tympanus.net/codrops/2012/08/02/animated-responsive-image-grid/
独立して、セットアップ時に両方のプラグインが正常に機能します。
私がやったことは、それらをマージしようとしています
jQuery Instagram プラグインを開始して、意図した div の代わりに画像の UL リスト (ul.instagram) を生成しました。これは、instagram のクラス名だけで UL を作成するだけで問題なく動作します。リストが生成され、必要に応じてグリッドにスタイルを設定できます。Firebug をチェックして、リストが生成されていることを確認します。
次に、Responsive Grid プラグインをインストールし、#ri-grid というコンテナー div を作成しました。
次に、プラグインがその div を見つけるために開始され、内部に画像がある ul リスト os リンクを見つけ、画像を削除し、その画像の src を背景画像としてリンクに追加します。
繰り返しますが、デモが示唆するように、リンクタグで囲まれた静的画像の ul リストを使用してそのプラグインを実行すると、正常に機能します。
しかし
Instagramプラグインは画像付きのリンクのulリストを生成していますが、何らかの理由で画像のsrcも提供していますが、レスポンシブプラグインは画像のsrcを取得せず、リンクに追加してその画像を削除していますが、代わりに単に「隠している」だけですリスト...
どのような紛争が起こっているのか、誰にも手がかりがありますか?
Firebug コンソールには、エラーがあることを示すものは何もありません。
ページを見ると、正常に機能する画像の静的リストを作成しました。また、自動生成する別のinstagramリストも作成しました。
www.blandydoes.co.uk