Я хотел бы использовать 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>