shutterstock API

// Fetch a random photo
const headers = { 'Authorization': 'Bearer YOUR_ACCESS_TOKEN' };
const response = await fetch(`https://api-reference.shutterstock.com`, { headers });
const data = await response.json();
const photo = data.urls || data;
const imgUrl = photo.regular || photo.url || photo.src?.medium || '';
console.log('Photo URL:', imgUrl);
document.getElementById('photo').src = imgUrl;

// Search for photos by keyword
const headers = { 'Authorization': 'Bearer YOUR_ACCESS_TOKEN' };
const query = 'mountains';
const response = await fetch(`https://api-reference.shutterstock.com`, { headers });
const data = await response.json();
const photos = data.results || data.photos || data.hits || [];
photos.slice(0, 5).forEach(photo => {
  const url = photo.urls?.small || photo.src?.small || photo.url;
  console.log(`📸 ${photo.description || photo.alt || 'Photo'}: ${url}`);
});

// Build a photo gallery grid
const headers = { 'Authorization': 'Bearer YOUR_ACCESS_TOKEN' };
const response = await fetch(`https://api-reference.shutterstock.com`, { headers });
const data = await response.json();
const photos = data.results || data.photos || [];
const gallery = document.getElementById('gallery');
photos.slice(0, 12).forEach(photo => {
  const img = document.createElement('img');
  img.src = photo.urls?.thumb || photo.src?.tiny || photo.url || '';
  img.alt = photo.description || photo.alt || 'Photo';
  gallery.appendChild(img);
});