Gif-файлы, Javascript и множественные экземпляры

Может быть, глупый вопрос, но все равно продолжаем.

Пример. Допустим, у меня есть один нециклический анимированный GIF и два элемента img.

<img src="" id="slot1" />
<img src="" id="slot2" />

Поэтому я использую небольшой JavaScript, чтобы изменить источник slot1.

function changE(x)
{var image=document.getElementById (x);
 image.src="animated.gif";
}

someButtonGotClicked=changE('slot1'); 

, что отлично работает. Gif воспроизводится от начала до конца, но если я затем изменю src slot2 на тот же gif:

changE('slot2');  

slot1 сбрасывает его gif обратно в начало для синхронизации с slot2, начиная с этого gif.

Теперь я знаю, что могу скопировать гифку и иметь 2 отдельных файла для использования, и я знаю о листах спрайтов, но мне любопытно, могу ли я использовать одну копию гифки и использовать ее несколько раз на странице без все экземпляры gif перезапускаются каждый раз, когда другой элемент img получает тот же файл, что и src?

Надеюсь, это не сбило с толку. Спасибо.

7
задан Nikki 17 February 2012 в 22:41
поделиться