9GAGから画像を引き出す

Question

JavaScript（およびjQuery）を使用して、9GAGの画像のみを表示し、一度に5枚ずつ読み込み、さらに1枚ずつスクロールするように読み込むウェブページを作成する方法はありますか？私は自分自身が他のゴミをすべてロードすることなくそのようなウェブサイトにアクセスするためのより簡単な方法を作りようとしています。

ありがとうございました。

Answer 1

InfiniGAGをご覧ください。

http://infinigag.k3min.eu/trending

戻り値：

{ 
    "status": 200, 
    "message": "OK", 
    "data": [ 
     { 
      "id": "EyVtjpq", 
      "caption": "Example", 
      "images": { 
       "small": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_220x145.jpg", 
       "cover": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460c.jpg", 
       "normal": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460s.jpg", 
       "large": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_700b.jpg" 
      }, 
      "media": { 
       "mp4": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460sv.mp4", 
       "webm": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460svwm.webm" 
      }, 
      "link": "http:\/\/9gag.com\/gag\/EyVtjpq", 
      "votes": { 
       "count": 0 
      }, 
      "comments": { 
       "count": 0 
      } 
     }, 
     ... 
    ], 
    "paging": { 
     "next": "V8eFpqG" 
    } 
} 

Answer 2

上記のWebサイトに画像やパスを返すAPIがない限り、これにはサーバー側の技術が必要です。

Answer 3

はいこれが可能です...私はPHPを使用することをお勧めします。残念ながら、あなたはjavascriptが由来するURLから格納されたものにしかアクセスすることができない "サンドボックス"のために、javascriptのみでこれを行うことはできません。

ここではどのようにすることができます。このコードでは、いくつかのアドバイスが提供されます：TOSは単なるルールですが、これを使用する場合は、関連する道徳的/倫理的な考慮事項を理解してください。 9gagは、これらの画像を収集して広告でお金を稼ぐことができるようにしました。彼らは帯域幅を（また、クラウドフロントのcdnに）支払う。このコードを使用して競合製品を作る場合、または広告を一周するだけであれば、あなたは盗んでいます。情報を自由にし、人々がこのPHPコードから学ぶことができるはずだと思うので、私はこれを投稿します。

$html = file_get_contents("http://www.9gag.com"); 
preg_match('|http://d24w6bsrhbeh9d\.cloudfront\.net/photo/.+?\.jpg|',$html,$matches); 
//now matches holds all the image urls which you can print to javascript/html and show 

幸運。