X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Смена картинок при наведении
gaintsev
gaintsev
Topic Starter сообщение 1.9.2009, 15:28; Ответить: gaintsev
Сообщение #1


Здравствуйте. Подскажите, как можно сделать так, чтобы картинки менялись при наведении. Только не две картинки а несколько. То есть навел на картинку курсор, она сменилась, навел еще раз, появилась следующая, и так далее по кругу. :)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
popov1024
popov1024
сообщение 2.9.2009, 19:14; Ответить: popov1024
Сообщение #2


(gaintsev @ 1.9.2009, 18:28) *
Здравствуйте. Подскажите, как можно сделать так, чтобы картинки менялись при наведении. Только не две картинки а несколько. То есть навел на картинку курсор, она сменилась, навел еще раз, появилась следующая, и так далее по кругу. :)

C помощью javascript.
Например, можно с помощью JQuery повесить обработчик наведения мыши, а в этом обработчике менять стиль (background) элемента.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gaintsev
gaintsev
Topic Starter сообщение 3.9.2009, 0:08; Ответить: gaintsev
Сообщение #3


(popov1024 @ 2.9.2009, 22:14) *
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>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 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


 



RSS Текстовая версия Сейчас: 20.4.2024, 15:34
Дизайн