Подгрузка изображений

@Santyag · Регистрация: 08.12.2015

Помогите пожалуйста с такой задачей:

Javascript

1	<img src="/image.jpg" onmouseover="this.src='/image.gif'" onmouseout="this.src='/image.jpg'">

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

чтобы при наведении мыши на изображение инициировалась бы загрузка image.gif
до момента полной загрузки этой gif, отображалась бы более легковесная load.gif на фоне image.jpg
при полной загрузке image.gif, load.gif должна заменится на image.gif
при отведении мыши должен быть показан /image.jpg

Заранее благодарю!

@Fedor Vlasenko · 08.12.2015, 21:27

Используйте спрайты. И лучше все в css. Все остальное не очень

@Santyag · 08.12.2015, 21:29 **[ТС]**

Спрайты не подойдут ( jpg+gif) и css тоже не вариант

@Fedor Vlasenko 936 / 693 / 236 Регистрация: 01.02.2015 Сообщений: 1,848
	08.12.2015, 21:27	2
	Используйте спрайты. И лучше все в css. Все остальное не очень 0

@Santyag 0 / 0 / 0 Регистрация: 08.12.2015 Сообщений: 2
	08.12.2015, 21:29 [ТС]	3
	Спрайты не подойдут ( jpg+gif) и css тоже не вариант 0