shift-reload in FF дает неожиданные результаты

Question

Я представляю простую анимацию, используя img.src замену и тег <canvas>. В настоящее время ожидается, что он будет работать только в FireFox (FF 3.5.3, Mac OS X 10.5.5), поэтому кросс-браузерная совместимость еще не является проблемой.

Когда страница загружается впервые или загружается в новое окно или вкладку, все работает, как ожидается, и поведение кэша при простой перезагрузке не кажется проблемой; однако, если я попытаюсь заставить перезагрузить с перезагрузкой, у меня возникнет проблема. Несмотря на то, что изображения предварительно загружены, предварительно загруженные изображения для анимации, похоже, не доступны браузеру, который затем пытается загрузить каждый новый img.src с сервера.

Я смотрю здесь ошибку браузера, или есть что-то нехорошее в моем коде, которое я не вижу? Это мой первый выстрел в реализации js-класса, поэтому здесь может быть много чего, чего я не понимаю.

Любое понимание собранных мудрых здесь будет приветствоваться. Вы можете увидеть, что я говорю о в:

http://neolography.com/staging/mrfm/spin-sim.html

Спасибо,

Jon

Answer 1

Благодаря ekhaled, кто пытался. Я уверен, что это ошибка браузера: Mozilla bug #504184

У меня есть урезанный пример в http://neolography.com/staging/shift-reload/shift-reload-testcase.html, который я оставлю. Я призываю всех проголосовать за эту ошибку в отслеживателе ошибок mozilla, чтобы она была исправлена.

j

Answer 2

Когда вы переносите перезагружать вы рассказываете браузер перезагружать - не из кэша.

Так что не удивительно, что вы получаете изображения с сервера.

Изображения могут быть предварительно загружены в JavaScript с помощью следующего кода:

img = new Image(); 
img.src = "your/image/path"; 

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

Answer 3

Я посмотрел на свой код, и у вас есть следующие в document.ready()

function countLoadedImages() { 
     loadedImgs++; 
     if (loadedImgs == images.length){ 
      $("#loading-image").hide(); 
      $("#controls").fadeIn(100); 

     } 
    } 


    animation = new simAnim("snap", "stripchart", 800, deriveFrameData(spindata)); 

анимация = новая simAnim линия выполняется независимо от того, будут загружены или не все 100 изображений ...

Одна из возможностей, чтобы исправить это было бы переместить эту строку внутри функции countLoadedImages так:

function countLoadedImages() { 
     loadedImgs++; 
     if (loadedImgs == images.length){ 
      $("#loading-image").hide(); 
      $("#controls").fadeIn(100); 
      animation = new simAnim("snap", "stripchart", 800, deriveFrameData(spindata)); 

     } 
    } 

таким образом, что функция будет выполняться один раз все им возрасты загружены