Динамическое фоновое изображение Flickr для тега CSS [закрыто] ⇐ CSS

[Anonymous]

Я пытаюсь обновить свой скрипт галереи Flickr, чтобы вместо этого заменить URL фонового изображения на вывод сценария Flickr. >





Page Title



< /code>
и javascript < /p>
// Top Banner Flickr Script
var flickrID = '[flickrID]';
var photoCount = '1';
var tags = "'featured','hcdbanner'"; // PHOTO TAGS
var tagmode="all"
if (tags != ''){tags = '&tags=' + tags}
var limit = photoCount-1;
var bannerUrl = 'https://api.flickr.com/services/feeds/p ... ic.gne?id=' + flickrID + '&per_page=' + photoCount + '' + tags + '&format=json';
$.ajax({
url: bannerUrl,
dataType: "jsonp",
jsonp: 'jsoncallback',
success: function (data) {
let bannerUrl = data.items.map(item =>
'url(' + item.media.m.replace('_m','_b') + ')').join(',');
$('#banner').css('background-image', bannerUrl);
}
});
< /code>
и css < /p>
#banner {
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(67,65,159,.025) 25%);
position: relative;
background-position: center center;
padding: 10em 0em;
background-size: cover;
margin-top: 20px;
background-repeat: no-repeat;
}
#banner header h2 {
font-size: 2.8em;
text-align: center;
color: #FFFFFF;
text-shadow: 2px 2px #595959;
}
< /code>
Идея, стоящая за ним, будет для каждого изображения в нашей учетной записи Flickr, мы даем определенный набор тегов, она затем добавила бы его в качестве фонового изображения для тега #Banner. с верхним градиентом исчезает до белого.>

Подробнее здесь: https://stackoverflow.com/questions/793 ... or-css-tag