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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Смена картинки при наведении
f1nik
f1nik
Topic Starter сообщение 25.4.2011, 0:04; Ответить: f1nik
Сообщение #1


Здравствуйте, хочу реализовать кое-что, но, думаю, обычный onmouseover не поможет.
Допустим, у меня есть картинка. При наведении курсора на неё, хочу, чтобы она менялась на другую. Далее, при следующем наведении менялась на третью, а потом на четвертую, ну а потом заново, по кругу. Пример на сайте artlebedev.ru, его логотип меняет цвет при наведении сверху.
Я не хочу ничего копировать, реализация совсем иная, вот только нужно мне что-либо подобное.
Прошу помочь!
Заранее благодарен.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
asbury
asbury
сообщение 25.4.2011, 0:20; Ответить: asbury
Сообщение #2


ну можно при наведении на картинку к переменной прибавлять единичку, и в зависимости от цифры в переменной выводить цвет. Дальше, как цифра станет равной 4, обнулять её.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zabmix
zabmix
сообщение 25.4.2011, 5:23; Ответить: zabmix
Сообщение #3


на jquery надо? то легко.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
f1nik
f1nik
Topic Starter сообщение 25.4.2011, 19:24; Ответить: f1nik
Сообщение #4


Ну, можно и на jquery
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
f1nik
f1nik
Topic Starter сообщение 25.4.2011, 19:30; Ответить: f1nik
Сообщение #5


(asbury @ 25.4.2011, 03:20) *
ну можно при наведении на картинку к переменной прибавлять единичку, и в зависимости от цифры в переменной выводить цвет. Дальше, как цифра станет равной 4, обнулять её.

У меня немного иной замысел, меняться должны картинки, а не цвет фона изображения.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
f1nik
f1nik
Topic Starter сообщение 27.4.2011, 14:52; Ответить: f1nik
Сообщение #6


Прошу, помогите!:(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 27.4.2011, 15:09; Ответить: Letmetouchyou
Сообщение #7


[JS]<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js' type='text/javascript'></script>
<script>
$(function(){

var images = [
'http://www.html.by/customavatars/avatar15384_1.gif',
'http://www.html.by/customprofilepics/profilepic4099_2.gif',
'http://www.html.by/customavatars/thumbs/avatar12423_1.gif',
'http://www.html.by/images/misc/unknown.gif'
];

var counter = 0;
$('img#change').mouseover(function(){

if(counter >= images.length){
counter = 0;
}
$(this).attr('src',images[counter]);

counter++;

});



});
</script>
<img src='http://www.html.by/images/misc/unknown.gif' id='change'/>[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
f1nik
f1nik
Topic Starter сообщение 27.4.2011, 17:51; Ответить: f1nik
Сообщение #8


Ох, сначала обрадовался, скрипт отменный... но!..этот jquery сбивает все другие js на странице :(
можно каким-нибудь иным способом?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
-Eclipse-
-Eclipse-
сообщение 27.4.2011, 19:21; Ответить: -Eclipse-
Сообщение #9


А какие еще фреймворки или библиотеки подключены? Возможно они конфликтуют между собой. Приведите, пожалуйста, весь код в тэге <head></head>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
f1nik
f1nik
Topic Starter сообщение 27.4.2011, 20:11; Ответить: f1nik
Сообщение #10


<head>
<link rel="shortcut icon" href="/favicon.ico" />

<script type="text/javascript" src="http://**********.com/engine/classes/tagcloud/swfobject.js"></script>
{headers}
<link rel="stylesheet" href="{THEME}/css/engine.css" type="text/css" />
<link rel="stylesheet" href="{THEME}/lib/gzip/bluegrey.css" type="text/css" />
<link rel="stylesheet" href="{THEME}/css/search.css" type="text/css" />
<link rel="stylesheet" href="{THEME}/css/login.css" type="text/css" />
<style type="text/css">
<!--
.wrapper { width: 960px; }
#main-shift { margin-right: 280px; }
#right { width: 280px; margin-left: -280px; }
#menu .dropdown { width: 250px; }
#menu .columns2 { width: 500px; }
#menu .columns3 { width: 750px; }
#menu .columns4 { width: 1000px; }

--
>
</style>
<script type="text/javascript" src="{THEME}/lib/gzip/js.php-id=3c3c95f209a65d1207e91f9c654905b0"></script>
</head>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКто и зачем покупает картинки обезьян по $200 тысяч?
NFT
167 metvekot 27096 6.3.2024, 21:58
автор: Boymaster
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2178 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30255 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78308 21.6.2022, 9:38
автор: VIMstat


 



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