問題タブ [instafeedjs]

ファンシーボックス（または他のライトボックス!!）を介してインスタフィードの画像リンクを開こうとしています。現在、Easy Fancybox プラグインとInstafeedJSを使用しています。ファンシーボックス クラスを画像リンクに追加するだけでは何も起こりません。最初の instafeed js によってオーバーライドされていると思いますか?

検索して検索しましたが、解決策が見つかりません。Fancybox は、サイト全体の他のすべての「通常の」画像で正常に動作しています。また、Instagram フィードの出力をコピーして、HTML をページに貼り付けるだけで、fancybox を削除した場合にのみ、このテストで正常に動作しました。

から

私の現在のJavaScriptは次のとおりです。

明らかに、fancybox/lightbox 効果を適切に実行するために、ある種の JavaScript の微調整が必​​要です。コンソールにもエラーはありません。お知らせ下さい！！:)

私は instafeed.js を使用して、自分のウェブサイトに最新の instagram 画像を表示しています。ただし、デフォルトでは、画像リンクは同じウィンドウで開かれます。これは JS コードです: https://github.com/stevenschobert/instafeed.js/blob/master/instafeed.js 詳細情報: http://instafeedjs.com

このトリックを使用して、新しいウィンドウでリンクを開こうとしました。

しかし、このトリックはこの状況では機能しません。

解決策はありますか? ありがとう。

以下に、Instafeed と Masonry を一緒に使用しようとしているコードを示します。「もっと読み込む」ボタンをクリックするまで、すべて正常に動作します。次に、組積造のレイアウトが壊れます。おそらく、何かが他のものよりも先にロードされているか、その逆です。私はこれが初めてなので、すべての助けをいただければ幸いです。

window.load の代わりに imagesLoaded を使用し、追加されたメソッドを使用するためのヒントを得ました。しかし、それを自分のコードに組み込む方法がわかりません。

私のコードは script.js doc にあり、instafeed.js と masonry の後にページのフッターに出力されます。

よろしくお願いします。他に何か必要なことがありましたらお知らせください。

チアーズ / ジェッペ

更新中のサイトに統合されたinstagramフィードがあり、以前に使用したinstafeed.jsを使用しており、フィードを問題なく設定しましたが、ロードする[さらにロード]ボタンを統合しようとしています元の画像セットの下にさらに画像があります。

以前に別のサイトでこれを行ったことがあり、そのときとまったく同じコードを使用していますが、さらに読み込むボタンを機能させたくありません。どこが間違っているのかを見つけて解決策を見つけるのを手伝ってくれる人はいますか?

HTML:

CSS:

JS:

私は instafeed.js を使用して instagram フィードをプルする作業を行ってきました。新しいアプリケーションを登録するプロセスに従って、情報をプルしたときに写真をテンプレート化できるようにしました。

画像を効率的にスタイルするこのチュートリアルを見つけたので、それを実装することにしました:

http://codepen.io/anon/pen/Bmhdp

しかし、クライアントIDを変更すると、画像はクライアントのものではありません..

私はInstagram APIに比較的慣れていませんが、少し遅れていることに気付きました。この状況を彼らに報告することもできませんでした..

私は何か間違ったことをしていますか、アドバイスしてください！

instafeed js プラグインを使用していて、[さらに読み込む] ボタンを使用しようとしていますが、機能しません。ここで同じ問題の投稿を見ましたが、まだうまくいきません。何か助けはありますか？ありがとうございました

これが私のコードです

そしてhtmlページで

私は現在、Instagram の写真 (Instafeed.js を使用) を動的に取り込む画像カルーセル (Owl Carousel を使用) を構築しようとしています。Owl Carousel v2 をいくつかのカスタム スクリプトと組み合わせて使用​​して、画像をグリッドのように 2 つの水平行に分割しています。また、タグ名に基づいて画像を取り込むように Instafeed.js を適切にセットアップしました。

Owl Carousel が Instafeed.js フィードから画像を取り込むように、これら 2 つのプラグインを同期するのに問題があります。

表示の目的で、カルーセルと Instagram フィード div を分けて、両方が個別のプラグインとして機能していることを確認できるようにしました (Instagram 画像を表示するには、独自のクライアント ID を入力する必要があることに注意してください)。

HTML:

JS:

Instafeed.js に精通している方は、以下を追加するのが理にかなっていると思いませんか?

写真が私のカルーセルに挿入されるように？これを行うとカルーセルが壊れるだけであることに気付きました:/

なんでも助かります！

フィドル: http://jsfiddle.net/njacoy/zcrwvsuu/embedded/result/

instafeed.js私は自分の instagram ビデオを自分の個人的なウェブページに引っ張るために、非常にシンプルな方法を使用しています。動作していますが、動画のみの結果をフィルタリングするオプションが見つかりません。現在、画像と動画を組み合わせて表示しています。返される結果に必要なのはビデオだけです。