Как установить ширину и высоту для перетаскиваемого изображения?

Question

function login_callback() { 
    //alert("You are successfully logged in! Access Token: "+instaAccessToken); 
    var url = 'https://api.instagram.com/v1/users/self/media/recent/?access_token='+instaAccessToken; 
    $.get(url, function(data) { 
     $.each(data.data, function(i, item) { 
      var thumb = item.images.low_resolution.url; 
      var image = item.images.standard_resolution.url; 
      var str = '<div class="col-xs-6"><img data-src="'+image+'" src="'+thumb+'" class="thumbnail drag-image"/></div>'; 
      $('#instafeed').append(str); 
      $('.drag-image').draggable({ 
       helper: 'clone', 
       appendTo: 'body', 
       containment: 'document',//// 
       refreshPositions: true, 
       stop: function(event,ui) { 
      }, 
      drag: function(event, ui) { 
       handleDrag(event,ui);    
      } 

      }); 
     }); 
    },'jsonp'); 

}

Это моя JQuery функция перетаскивания изображения на холсте. Но при перетаскивании изображения он отображается как исходный размер изображения. Как определить размер изображения при перетаскивании на холст.

Answer 1

   start: function(event,ui) { 
       $(this).css({ height: 100, width: 100 }); 
       }, 

       stop: function(event,ui) { 
       $(this).css({ height: 100, width: 100 }); 
       }, 

Вы можете попробовать вышеуказанный код. В противном случае вы можете установить размер изображения в файле css для класса .drag-image.