Если можно, помогите написать скрипт (я в яваскрипт не очень.. ), что сможет менять картинку из src для тега <img>, при наведении мышкой на <img> и задержке ее на там более чем на 1 сек. ( мне не особо критично для какого именно тега будут меняться картинки - главное чтобы работало, как описал ниже, возможно, это будет смена background-image для дочернего блока.. я уверен, это не сложно, но я не знаю, как это сделать.. если знающие люди помогут, буду очень признателен! )
Картинка должна меняться с интервалом в 1500 мс.
всего будет 16 картинок.
как достигнута 16-я картинка -- переходим к первой, и все заново.. и так до тех пор, пока пользователь не уберет курсор от <img>.
смена картинок должна начинатся с той, которая явно указана в теге <img>
<img src="site.com/image/22/31/12.jpg"> указана 12.jpg.. потом будет 13.jpg, 14.jpg, и т.д. по кругу, пока не достигнет 11.jpg, и начинаем по-новой...
Предварительно все 16 картинок, что потом будем каруселить при наведении.. - загружать не нужно!!
Загружается только та картинка, которая стоит в теге <img src="">, когда ее выдает браузер пользователю.
вот пример путей к картинкам
site.com/image/22/31/1.jpg
site.com/image/22/31/2.jpg
site.com/image/22/31/3.jpg
site.com/image/22/31/4.jpg
site.com/image/22/31/5.jpg
и т.д. до .... 16.jpg
это HTML разметка
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <div class="main_image thumbs">
- <img src="site.com/image/22/31/12.jpg" alt="" width="259"/>
- </div>