0

Есть вот такой скрипт. Проблема в том, что он срабатывает до загрузки изображений, хоть и стоит метод .load

$(document).ready(function() {
  $('.slide-img img').load(function(){
    var height = $(this).height();
    var width = $(this).width();
    if (width > height) {
      $(this).attr('style', 'max-height: 100%');
    };
    if (height > width) {
      $(this).attr('style', 'max-width: 100%');
    };
  });
});

Как сделать так, чтобы скрипт срабатывал после загрузки изображений?

3
  • Добавьте html и css ( что бы можно было запустить ваш код)
    – Batanichek
    8 апр 2016 в 8:27
  • Попробуйте этот вариант: $(window).load(function(){}) 8 апр 2016 в 8:47
  • тоже не работает( Можете глянуть тут - jsfiddle.net/kino45/jo82d6pw/1 8 апр 2016 в 9:50

1 ответ 1

1

В упрощенном нативном виде это будет выглядеть так:

function loadImage(jq, onload, onerror) {
  var img = new Image();
  img.onload = onload;
  img.onerror = onerror;
  img.src=jq.getAttribute('src');
}

// Usage
loadImage($('.slide-img img'), function(){
  // Do your dirty work
}, function() {
  // Fail
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.