var imageWidth = 1920;

var imageHeight = 1368;

var hotspots=[

  {x:100,y:200,height:100,width:50},

{x:300,y:500,height:200,width:100},

{x:600,y:600,height:150,width:100},

{x:900,y:550,height:100,width:25}

];

​

$(window).resize(function(){positionHotSpots();});

​

​

var positionHotSpots=function(){

 $('.hotspot').remove();

  $.each(hotspots,function(i,h){

  var x=($('#image').width()*h.x)/imageWidth;

  var y=($('#image').height()*h.y)/imageHeight;

  var ww=($('#image').width()*(h.width))/imageWidth;

  var hh=($('#image').height()*(h.height))/imageHeight;

   var hotspot=$('<div>').addClass('hotspot').css({top:y,left:x,height:hh,width:ww});

    $('body').append(hotspot);

  });

};

positionHotSpots();

​

​