Можете ли вы помочь мне с Unspla sh API, потому что я не могу сделать больше 10 фотографий на странице? Помоги мне, пожалуйста. Также, если у вас есть более простой код, вы можете показать мне, пожалуйста?
Пробовал:
function SearchPhotos() {
let clientId = "###";
let query = document.getElementById("search").value;
let url = "https://api.unsplash.com/search/photos/?client_id="+clientId+"&query="+query;
fetch(url)
.then(function (data) {
return data.json();
})
.then(function(data){
console.log(data);
data.results.forEach(photo => {
let result = `
<a href="#" class="album-item" id="unsplash-img"><div style="background-image: url(${photo.urls.regular}); background-size: cover; height: 100%" onclick="document.getElementById('albumModal1').style.display='none',document.getElementById('backclose').style.display='none'"><img bgsrc="${photo.urls.regular}" src="images/images-blank.png"></div></a>
`;
$("#result").append(result);
});
});
}
var input = document.getElementById("search");
input.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
document.getElementById("searchBtn").click();
}
});
$( "#searchBtn" ).click(function() {
$( "#result" ).empty();
});