substr() с отрицательным значением не работает в IE

Обновление: как отметили комментаторы (и пока я не могу им доказать обратное), я удалил первое предложение.

Еще пара вещей, на которые стоит обратить внимание:

Событие onload не сработает, если изображение загружается из кеша. Попробуйте очистить кеш и повторить попытку.

Другая проблема заключается в том, что IE не любит отрицательные значения в substr. Вместо этого используйте slice:

"0000000".slice(-(String(MAX_IMAGES).length));

Теперь, когда этот вопрос переименован в substr() в IE 8, вот быстрое решение проблемы с отрицательным индексом. Вставьте следующий код из Сеть разработчиков Mozilla:

// only run when the substr() function is broken
if ('ab'.substr(-1) != 'b') {
  /**
   *  Get the substring of a string
   *  @param  {integer}  start   where to start the substring
   *  @param  {integer}  length  how many characters to return
   *  @return {string}
   */
  String.prototype.substr = function(substr) {
    return function(start, length) {
      // call the original method
      return substr.call(this,
        // did we get a negative start, calculate how much it is from the beginning of the string
        // adjust the start parameter for negative value
        start < 0 ? this.length + start : start,
        length);
    }
  }(String.prototype.substr);
};

Этот код обнаруживает неработающую реализацию substr и заменяет ее соответствующей.

Два способа справиться с этим:

1. Добавьте параметр nonce к своим URL-адресам изображений.

   var nonce = new Date().getTime();
   
   // ...
   
   preloadImage.src = fullImagePrefix + imageNumber + "." + IMAGES_TLA + ('?_=' + nonce++);
   

2. Установите свойство "src" в другом цикле событий.

   setTimeout(function(img, src) {
     img.src = src;
   }(preloadImage, fullImagePrefix + imageNumber + "." + IMAGES_TLA), 1);
   

Используя параметр nonce каждый раз, когда вы извлекаете изображение, вы обходите кеш. Это, вероятно, не такая уж хорошая идея, поэтому второй вариант позволяет обойти проблему, убедившись, что свойство «src» установлено в отдельном цикле событий. Тогда «нагрузка» сработает.

Вот пример. Код использует одноразовые номера для некоторых изображений, но устанавливает «src» для всех из них в обработчике тайм-аута. Как видите, все они загружаются (краснеют).

Я не знаю, почему IE не запускает обработчик «загрузки», когда изображение находится в кеше, но это происходит, когда «src» устанавливается в цикле событий, отличном от того, где объект изображения (в противном случае) инициализируется.

редактировать Вот та же самая скрипка, но измененная, чтобы пропустить тайм-аут. Вы должны заметить, что в IE8 изображения с четными номерами часто не вызываются обработчиками «загрузки».