получить размер фонового изображения

Question

Я хочу, чтобы этот дизайн реагировал на это, мне понадобится размер изображения (ширина, высота) с помощью javascript или JQuery. Есть идеи ?

<div class="container"> 
    <div id="result" class="result">&nbsp</div> 
    <div class="slot-container"> 
      <div id="slot1" class="slot"></div> 
      <div id="slot2" class="slot"></div> 
      <div id="slot3" class="slot"></div> 
     <div><button id="control" class="btn">START</button></div> 
     <div id="try" class="result try">TRY 0</div> 
    </div> 

</div> 

https://jsfiddle.net/h0fbha33/

Answer 1

Вы можете использовать это:

var img = new Image; 
img.src = $('body').css('background-image').replace(/url\(|\)$/ig, ""); 
var bgImgWidth = img.width; 
var bgImgHeight = img.height; 

Answer 2

$(window).on("load", function() { 
    var img = new Image(); 
    img.src = $('.slot').css('background-image').replace(/.*\s?url\([\'\"]?/, '').replace(/[\'\"]?\).*/, ''); 
    alert(img.width + ' and ' + img.height); 
}); 

Вот скрипка ссылка: https://jsfiddle.net/beroza/a01y1me4/