виджет инстаграм

Делимся интересными и полезными решениями
Аватара пользователя
duncan
Наш человек
Сообщения: 245
Зарегистрирован: 24 авг 2015, 22:44
Откуда: місто Лева
Благодарил (а): 37 раз
Поблагодарили: 14 раз

виджет инстаграм

Сообщение duncan » 19 сен 2017, 00:24

нашел на гитхубе код, немного побыдлокодил и получился вот такой виджет
выводит до 12 последних фото из любого профиля, без регистрации и смс)

для примера вставил ссыль на профиль любимой суицид-бабы, наслаждайтесь)

Код: Выделить всё

<link rel="stylesheet" href="http://css.levus.info/css/levus-3.0.css" />
<style>
#ins .post{ position:relative;}
   #ins .post a{ font-size: 18px;}
      #ins .post a p{ position: absolute; top: 40%; left: 0; width: 100%; z-index: 2; text-align: center;}
      #ins .post a img{ width:100%; height:auto; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s;}

         #ins .post a p span{ color: rgba(255,255,255,0); -webkit-transition: all 2s; transition: all 2s; padding: 0 5px;}
         #ins .post a:hover p span{ color: rgba(255,255,255,1);}
      #ins .post a:hover img{ opacity: 0.6;}
</style>
<?php
function scrape_ins($username) {
   $ins_source = file_get_contents('http://instagram.com/'.$username);
   $shards = explode('window._sharedData = ', $ins_source);
   $ins_json = explode(';</script>', $shards[1]);
   $ins_array = json_decode($ins_json[0], TRUE);
   return $ins_array;
}

// назва профіля інстаграм
$my_account = 'liya_suicide';

$results_array = scrape_ins($my_account);

// кількість фотографій (максимально 12)
$counter = 12;

echo '<div class="li4" id="ins">';
   for($i = 0; $i < $counter; $i++){

      $latest_array = $results_array['entry_data']['ProfilePage'][0]['user']['media']['nodes'][$i];
      echo '
      <div class="post">
         <a href="http://instagram.com/p/'.$latest_array['code'].'">
            <p>
               <span>Like: ' . $latest_array['likes']['count'] . '</span>
               <span>Comment: ' . $latest_array['comments']['count'] . '</span>
            </p>
            <img src="'.$latest_array['thumbnail_src'].'">
         </a>
      </div>';
   }
echo '</div>';

?>

Вернуться в «Интересные решения»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость