Question

Is there any way that I can use JavaScript (and jQuery) to create a webpage which shows only the images from 9GAG, loads about 5 at a time, and loads more as one scrolls down? I’m trying to make an easier way for myself to access such websites without loading all of the other garbage.

Thanks.

Answer 1

Take a look at InfiniGAG.

http://infinigag.k3min.eu/trending

Returns:

{
    "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"
    }
}