Link.FYI

Pastebin

Create New My Pastes

Code (Javascript) pasted on 2019-10-17, 20:18 Raw Source

  1.         let slides = {
  2.             'slide1': {
  3.                 'item34': 'https://photos.jeanbruenn.info/photo.php?path=di/2019/09/01/darktable_exported/_DSC4203.jpg',
  4.                 'item21': 'https://photos.jeanbruenn.info/photo.php?path=lgis/2018/09/12/darktable_exported/DSC00348.jpg',
  5.                 'item13': 'https://photos.jeanbruenn.info/photo.php?path=lgis/2019/09/07/darktable_exported/_DSC4440.jpg',
  6.                 'item8': 'https://photos.jeanbruenn.info/photo.php?path=lgis/2019/07/21/darktable_exported/_DSC3731-hdr.jpg',
  7.                 'item5': 'https://photos.jeanbruenn.info/photo.php?path=di/2019/09/01/darktable_exported/_DSC4267.jpg',
  8.                 'item3': 'https://photos.jeanbruenn.info/photo.php?path=di/2019/09/01/darktable_exported/_DSC4186.jpg',
  9.                 'item2': 'https://photos.jeanbruenn.info/photo.php?path=di/2019/09/01/darktable_exported/_DSC4231-hdr.jpg',
  10.                 'item1': 'https://photos.jeanbruenn.info/photo.php?path=lgis/2019/02/17/darktable_exported/_DSC1491.jpg'
  11.             }
  12.         };
  13.  
  14.         let size, elem, boxWidth, boxHeight;
  15.         $.each(slides, function (slide, items) {
  16.             $.each(items, function (item, itemValue) {
  17.                 elem = $('#' + slide).find('.' + item);
  18.                 boxWidth = elem.width();
  19.  
  20.                 if (boxWidth >= 1152) {
  21.                     size = '1920w';
  22.                 } else if (boxWidth >= 768) {
  23.                     size = '1152w';
  24.                 } else if (boxWidth >= 384) {
  25.                     size = '768w';
  26.                 } else {
  27.                     size = '384w';
  28.                 }
  29.  
  30.                 elem.css('background-image', 'url(' + itemValue + '&size=' + size + ')');
  31.                 console.log(slide + ' ' + item + ' ' + itemValue + '(' + size + ')');
  32.             });
  33.         });