Помощник
|
Смена картинок при наведении |
gaintsev
|
Сообщение
#1
|
||
|
|
||
|
|||
popov1024 |
2.9.2009, 19:14;
Ответить: popov1024
Сообщение
#2
|
|
Здравствуйте. Подскажите, как можно сделать так, чтобы картинки менялись при наведении. Только не две картинки а несколько. То есть навел на картинку курсор, она сменилась, навел еще раз, появилась следующая, и так далее по кругу. :) C помощью javascript. Например, можно с помощью JQuery повесить обработчик наведения мыши, а в этом обработчике менять стиль (background) элемента. |
|
|
gaintsev
|
Сообщение
#3
|
|
|
C помощью javascript. Например, можно с помощью JQuery повесить обработчик наведения мыши, а в этом обработчике менять стиль (background) элемента. Спасибо за отзыв! Уже справился, знакомый помог. :) Выкладываю код, если кому нибудь понадобится выполнить подобную задачу. <html> <head> <TITLE>ANIMATRIX</TITLE> </head> <script type=text/javascript> <!-- var count_anim_pic = 3; //Количество картинок var cur_anim_pic = 1; //Текущая картинка var mask_anim_pic="pic_"; //Маска имени файла var mask2_anim_pic=".bmp"; //Маска расширения файла var in_anim_pic = false; //Курсор внутри картинки function OnMouseMoveAnim (obj) { //Next picture if ( !in_anim_pic ) { cur_anim_pic++; if ( cur_anim_pic > count_anim_pic ) cur_anim_pic = 1; obj.src = mask_anim_pic + cur_anim_pic + mask2_anim_pic; in_anim_pic = true; } return 0; } function OnMouseOutAnim () { in_anim_pic = false; return 0; } --> </SCRIPT> <body> <img border=1 src="pic_1.bmp" onmouseover="OnMouseMoveAnim(this)" onmouseout="OnMouseOutAnim()"> </body> </html>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
7 | stu999 | 1753 | 31.3.2024, 11:19 автор: stu999 |
|
Получил странную ссылку при линкбилдинге Как поведет себя поиск при обнаружении странной ссылке? |
10 | r0mZet | 2203 | 24.10.2022, 19:23 автор: Wachowski |
|
300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе! | 65 | inkon | 30384 | 19.7.2022, 13:41 автор: Funoman |
|
тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе. Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО |
71 | VIMstat | 78487 | 21.6.2022, 9:38 автор: VIMstat |
|
Ukr Private Proxy 4g Lifecell, Kyivstar, Vodafone (ТЕСТ, смена по ссылке, ротация) Продам Личные Украинские приватные мобильные прокси 4g Lifecell, Kyivs |
1 | Kostyaxxxx | 4263 | 20.6.2021, 20:26 автор: Kostyaxxxx |
Текстовая версия | Сейчас: 20.4.2024, 15:34 |