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

[Anonymous]

Я пытаюсь обновить скрипт галереи flickr, чтобы заменить URL-адрес фонового изображения выходными данными скрипта flickr.
Здесь я создал ручку, показывающую мой прогресс. >

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

Page Title

И Javascript

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

// Top Banner Flickr Script
var flickrID = '189509301@N03';
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/photos_public.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);
}
});

И CSS

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

#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;
}

Идея заключается в том, что каждому изображению в нашей учетной записи flickr мы присваиваем определенный набор тегов, а затем он добавляется в качестве фонового изображения для тега #banner. с верхним градиентом, переходящим в белый.
Сможет ли кто-нибудь указать правильный способ прикрепить выходные данные к тегу #banner?

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