Есть ли способ автоматически синхронизировать источник фонового изображения с последним постом в Instagram? - PullRequest
0 голосов
/ 03 апреля 2019

Я хотел бы использовать HTML и CSS для создания пользовательского блока в Squarespace.

Идея состоит в том, чтобы иметь изображение, при наведении на него текст «Follow On Instagram».Это будет кликабельное изображение, которое приведет вас в Instagram.

Я хочу, чтобы изображение автоматически показывало самую последнюю запись в Instagram.

Я уже понял, как создать статическое фоновое изображение с помощью функции наведения.Я просто не знаю, как (или если это возможно), чтобы это изображение автоматически обновлялось.

Я попытался вставить самый последний URL-адрес изображения в блоке Instagram Squarespace, но изображение не меняется при публикации новой фотографии в Instagram.

<div class="container-6">
 <img class="image-6" src="//*an image url address*//" >

<a href="http://instagram.com/"><div class="overlay-6">
   <div class="text-6">VitaLife on Instagram</div> </div></a></div>


<style>
.container-6 {position: relative;text-align:center;}

.overlay-6 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;transition: 0.75s ease;background-color: white;}

.container-6:hover .overlay-6 {opacity: 1;  transition: .25s ease;}

.text-6 {position: absolute;}
</style>
...