</div> </header> <div class="row"> <div class="col-1"></div> <div class="col-10"> <div class="row"> <?php //example for use of Instagram class require "Instagram.php"; $user_name = "consumeraffairs"; $limit = 12; $client_id = "e89f96ef8506485dab829356282bbac5"; // initialize class $instagram = new Instagram($client_id, $user_name, $limit); //display recent images echo $instagram->getRecentMedia(); ?> </div> </div> <div class="col-1"></div> </div> <footer class="row center"> <div class="col-3"></div> <div class="col-6"> <audio id="music"> <source src="http://tahiti-it.com/CA/get_a_job.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <div class="col-4"><button onClick="download()">Download code</button></div> <div class="col-4"><button onclick="document.getElementById('music').play()">Play</button></div>
<div class="col-1"></div> <div class="col-10"> <div class="row"> <?php require "Instagram.php"; //Seting the user/client information in variable $user_id = "647463488"; $user_name = "consumeraffairs"; $limit = 12; $client_id = "e89f96ef8506485dab829356282bbac5"; $endpoint = "https://api.instagram.com/v1/"; //Creation of a new class dedicated to Instagram $instagram = new Instagram($client_id, $endpoint); try { //Calling the Instagram class methode that will set up the url and call the API $media = $instagram->getRecentMedia($user_name, $limit); //looping with for each to get the Pictures foreach ($media as $medium) { echo "<div class='col-2'><img src='{$medium->images->thumbnail->url}'/></div>"; } //var_dump($media); } catch (Exception $e) { die($e->getMessage()); } ?> </div> </div> <div class="col-1"></div> </div> <footer class="row center">