С ajax я получаю массив URL-адресов изображений, создавая список ul и добавляя его на страницу. После этого я включаю ползунок Photoswipe для отображения этих изображений. Проблема возникает на телефонах (ipod, htc): картинки не имеют времени для загрузки. Есть ли способ загрузить все изображения где-то до температуры, прежде чем включать слайдер?Как предварительно загрузить изображения в фоновом режиме
Вы можете создавать объекты изображения при загрузке страницы, это приведет к тому, что изображение будет извлечено с удаленного сервера и сохранено в кеше браузера, без отображения на странице. При включении и <img> элемента на странице, которая ссылается на тот же удаленный файл, он будет обслуживаться из кэша браузера и отображается более или менее мгновенно:
new Image().src = 'http://myserver.com/myimage.jpg';
...
<img src="http://myserver.com/myimage.jpg" />
Там нет необходимости, чтобы сохранить ссылку на Image объектов , просто присваивание свойства src, как показано, будет достаточным для их кэширования браузером.
Я прав http://pastebin.com/FV6DjzRF? –
вам не нужно сохранять объекты Image в массив, просто создавайте их, чтобы файл извлекался, а затем забывал о них. – codebox
Есть ли способ отслеживать эту операцию и делать некоторые вещи (в моем случае слайдер загрузки) после загружаются все изображения? –
Возможный дубликат: http://stackoverflow.com/questions/476679/preloading-images-with-jquery – Nikola