Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737 Форумы портала PHP.SU :: нужно менять картинку в IMG при наведении мышки и задержке на нем..
Покинул форум
Сообщений всего: 27
Дата рег-ции: Дек. 2015
Помог: 0 раз(а)
Добрый день!
Если можно, помогите написать скрипт (я в яваскрипт не очень.. ), что сможет менять картинку из 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
Покинул форум
Сообщений всего: 27
Дата рег-ции: Дек. 2015
Помог: 0 раз(а)
Viper
Спасибо, друг!
Это то, но не совсем.. сделать бы его как-то , чтобы он загружал все свои изображения только по мере необходимости, т.е когда будет наведение мышкой, и слайд должен быть активирован!
А не так как сейчас - грузит все свои слайды, и когда последний загрузится - только показывает слайдер-блок..
У меня на странице будет от 40 слайдер-блоков! по 16 изображений в каждом! - всего минимум 640 изображений .. и пока они все загрузятся, люди уйдут со страницы.. поэтому нужна загрузка, только когда слайд активный, и на него наводят мышкой...
------------------
сладера есть свойство - preloadImages If 'all', preloads all images before starting the slider. If 'visible', preloads only images in the initially visible slides before starting the slider (tip: use 'visible' if all slides are identical dimensions)
default: visible
options: 'all', 'visible'
-----------------
Но все-равно, если разметка для слайдера будет примерно такой..
Тогда все-равно будут загружаться браузером все изображения (даже, если активным будет как-то один слайд и установлено preloadImages 'visible'), и пока последнее не загрузится - слайдер не отобразится)
Покинул форум
Сообщений всего: 27
Дата рег-ции: Дек. 2015
Помог: 0 раз(а)
.. но вот как я не извращался.. блин.. целый день потратил на эту чертову функцию.. но так ничего и не заработало.. не выходит! Я вот подключил библиотеку JQuery пишу.. ну ничего не получается.. помогите.. что не так? вот дописался..
Это объект
data-thumb="12" - это номер активного слайда.. (от 1 до 16) Он должен всегда совпадать с картинкой, что для IMG в данном случае - это 12 и картинка ...../12.jpg и т.д.
Покинул форум
Сообщений всего: 27
Дата рег-ции: Дек. 2015
Помог: 0 раз(а)
Нашел решение...
В общем, не знаю, почему так происходит.. но додумался вот до такого.. И все заработало!Большое вам спасибо, ВАЙПЕР! Очень вам благодарен, что помогаете!
(Добавление)
Только вот нужно еще немного подправить скрипт..
нужно отображать новую картинку, только когда предыдущая картинка полностью загрузилась..
Появились случаи, когда он перелистывает картинки, даже не успевая их загрузить.. как это реализовать?
king22
Отправлено: 27 Декабря, 2016 - 19:01:33
Новичок
Покинул форум
Сообщений всего: 1
Дата рег-ции: Дек. 2016
Также надо, чтоб при наведении мышки было слайд шоу с интервалом 1 сек. Так в чём же дело, спросите вы? А дело в том, что в батниках я ещё понимаю, но не в html. Вот если бы кто объяснил мне куда, в какой файл, выше приведённые коды надо положить, или как эти коды в один файл положить, как назвать эти файлы? Спасибо. (Добавление)
Пока получилось с 15 -ю картинками, как отобразить, если число картинок неопределенно, то есть, если очередной картинки нет на сервере, начиналось бы сначало с первого рисунка?
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.