Get Instagram Images with link in div element or wherever you want, you have to specify use name of Instagram user only
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | <html lang="en"> <head> <meta charset="utf-8"> <title>test</title> <meta name="description" content="The HTML5 Herald"> <meta name="author" content="SitePoint"> <style> html, body { font-size: 0; line-height: 0; } a { display: inline-block; width: 25%; height: 0; padding-bottom: 25%; background: #eee 50% 50% no-repeat; background-size: cover; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> var name = "vips.rai", items; $.get("https://images"+~~(Math.random()*33)+"-focus-opensocial.googleusercontent.com/gadgets/proxy?container=none&url=https://www.instagram.com/" + name + "/", function(html) { if (html) { var regex = /_sharedData = ({.*);<\/script>/m, json = JSON.parse(regex.exec(html)[1]), edges = json.entry_data.ProfilePage[0].graphql.user.edge_owner_to_timeline_media.edges; $.each(edges, function(n, edge) { var node = edge.node; $('#insta').append( $('<a/>', { href: 'https://instagr.am/p/'+node.shortcode, target: '_blank' }).css({ backgroundImage: 'url(' + node.thumbnail_src + ')' })); }); } }); </script> </head> <body> <div id="insta"></div> </body> </html> |