2012-04-13 12 views
3

Instagramフィードの最新の画像をWebページに追加しようとしていますが、他の場所に配置するときと同じようにdiv内で行うことができるかどうかは疑問でした要素をページに追加します。InstagramからWebサイトにRSS画像フィードを追加する

各画像のサイズを280 x 280に変更したいと思います。テキストまたはハッシュタグなしの画像のみを表示したいとします。

は、私は、これは、これを行うための最善の方法があるのか​​はわからないが、私はあなたが例http://statigr.am/feed/username

ためstatigramからRSSフィードを引くと、私はフルで画像を表示する必要があるだろう実現して調整することができました高さ私はこのページをRSS画像で見つけました:http://www.w3schools.com/rss/rss_tag_image.asp

誰も私にこれを行うための最善の方法を知っていますか?

答えて

7
私はそれを試していないが、それがどうなるように、これはあなたが望むものに見える

http://stuffthatspins.com/2012/03/30/display-instagram-picture-stream-really-easy-with-jquery-and-json/

あなたはjavascriptが本当に私の知る限り、画像のサイズを変更し得ることはありませんが、あなたは道を拘束するためにCSSを設定することができ、それらが表示されます。たとえば、すべての画像がクラスのInstagramを持っていた場合:

img.instagram{width:280px; height:280px;} 
+0

感謝:) – thinkvisual

+2

問題ありませんが!それがうまくいくなら、あなたはこの答えを受け入れることを検討してください。そうすれば誰もがそれがうまくいくと分かり、それは他の人にとってもっと役に立つかもしれません。 – joshcartme

0

あなたはそれを自分でコーディングしたい場合は、フィードを取得するための最良の方法は、InstagramのメディアAPIを使用することです - https://instagram.com/developer/endpoints/users/#get_users_media_recent

ますJSONフィードを取得し、結果を自分自身に表示する必要があります。

あなたはその時間をすべて保存し、Instagramからフィードを引き出す完全にコード化されたプラグインを使用することができます。 1つの良い例は、InstaMaxプラグインを試すことです。 Instamaxを使用すると、任意のユーザーアカウントまたはHashTagから写真やビデオを表示できます。 (ほとんどあなたが欲しいものを)ここで

はあなたが試すことができるデモです - あなたの助けのためのhttp://demos.codehandling.com/instamax_demo/instamax_live_edit.html

乾杯:)

関連する問題