Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Смена картинки при наведении мыши на нее

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2

Открыть новую тему     Написать ответ в эту тему

K_A_M

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ребят, очень нужен скрипт как на сайте  
_http://www.makesolutions.com/index.php?action=browser&catid=10
Только там картинка увеличивается, а мне нужно чтобы рядом с ней появлялась другоя.
Скажем так, я навожу на картинку, а слева появляется ещё одна.
 
Спасибки.

Всего записей: 22 | Зарегистр. 14-09-2004 | Отправлено: 01:11 14-11-2004 | Исправлено: lynx, 10:14 14-11-2004
lynx



Advanced lynx
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
K_A_M
 
Файловые архивы  »  
Файловый архив форума "В помощь вебмастеру" » rollover_image.zip  
Весьма быстрый и удобный скрипт для реализации изменяющейся картинки при наведении курсора.

 
Обсуждается в теме:
 
скрипт для Rollover Image

Всего записей: 11712 | Зарегистр. 08-05-2001 | Отправлено: 10:17 14-11-2004
K_A_M

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
lynx

 
Большое спасибо за столь много ссылок, но я видимо не правиьно написал вопрос.
Мне не нежна смена картинки, а именно появление её принаведении на другие картинки.
При том, что картинка должна появляться не в каком то одном месте, а именно над курсором.
 

Всего записей: 22 | Зарегистр. 14-09-2004 | Отправлено: 10:39 14-11-2004
bredonosec



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
K_A_M

Цитата:
Мне не нежна смена картинки, а именно появление её принаведении на другие картинки.  
При том, что картинка должна появляться не в каком то одном месте, а именно над курсором
- В смысле, хинты (подсказки) графические?  
 
Тогда тебе прямая дорога к Tigra hints

Всего записей: 16272 | Зарегистр. 13-02-2003 | Отправлено: 17:11 14-11-2004
altshift

Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Вопрос тот же.
Но как это реализовать при помощи фильтров?
К примеру,  

Код:
<img style="filter:gray" onmouseout="this.style.filter='gray'" onmouseover="this.style.filter='none'" src="123.gif">
, где гифка цветное изображение. Но для сочетания изображений с общим дизайном надо, чтобы картинка была ч/б, и лишь при наведении на нее, цветная. Считаю, подгрузку ч/б дублированных изображений лишь дополнительной ненужной нагрузкой.  
А вся проблема в том, что такой фильтр при тесте работал только в ие... Есть ли что-то подобное или корректировки этих фильтров, которые бы работали и в других браузерах?

----------
А мы их душили, душили...

Всего записей: 1675 | Зарегистр. 24-10-2004 | Отправлено: 21:47 03-11-2005
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
altshift

Цитата:
Есть ли что-то подобное или корректировки этих фильтров, которые бы работали и в других браузерах?

нет. только через flash или java..

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 21:52 03-11-2005
altshift

Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Уже измучалась...
Суть проблемы:
Все тот же скрипт смены изображения при наведении курсора. Все работает. Правда, не везде так, как хотелось бы. Изображение меняется в меню. Опера/мозилла - все работает идеально. ИЕ... Картинки все время подгружаются... А так как вес картинок ок.2кб, видно явно притормаживание. Я использовала разные скрипты. Но даже те, которые работают идеально, даже с большими изображениями (как пример, тот, что сейчас и стоит на сайте), у меня начинают подтормаживать. Уже начинаю склоняться к тому, что не в скрипте дело...
Проблему можно узреть тут (_http://inetcafe.clubnext.ru/index.php).
Буду очень признательна за помощь в решении проблемы...

----------
А мы их душили, душили...

Всего записей: 1675 | Зарегистр. 24-10-2004 | Отправлено: 01:19 03-01-2006
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
altshift
а через массивы нет желания сделать? чтобы не было eval.. мне кажется что именно в нем дело.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:35 03-01-2006
altshift

Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Сейчас я закачала свой первоначальный вариант скрипта. Там eval'a нет, а проблема осталась

----------
А мы их душили, душили...

Всего записей: 1675 | Зарегистр. 24-10-2004 | Отправлено: 01:45 03-01-2006
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
altshift

Цитата:
Там eval'a нет, а проблема осталась  

я делаю так

Код:
  picture = new MakeArray(28);
//mouseOver    
         picture[1].src= "/images/menu/2.gif";  
         picture[3].src= "/images/menu/3.gif";
         picture[5].src= "/images/menu/4.gif";
         picture[7].src= "/images/menu/6.gif";
         picture[9].src= "/images/menu/7.gif";
         picture[11].src="/images/menu/8.gif";
         picture[13].src="/images/menu/9.gif";
         picture[15].src="/images/menu/10.gif";    
         picture[17].src="/images/menu/17.gif";
         picture[19].src="/images/menu/11.gif";
         picture[21].src="/images/menu/12.gif";
         picture[23].src="/images/menu/14.gif";
         picture[25].src="/images/menu/15.gif";
         picture[27].src="/images/menu/16.gif";
// mouseOut    
         picture[2].src="/images/menu/2a.gif";  
         picture[4].src="/images/menu/3a.gif";
         picture[6].src="/images/menu/4a.gif";
         picture[8].src="/images/menu/6a.gif";
         picture[10].src="/images/menu/7a.gif";
         picture[12].src="/images/menu/8a.gif";
         picture[14].src="/images/menu/9a.gif";
         picture[16].src="/images/menu/10a.gif";    
         picture[18].src="/images/menu/17a.gif";
         picture[20].src="/images/menu/11a.gif";    
         picture[22].src="/images/menu/12a.gif";  
         picture[24].src="/images/menu/14a.gif";  
         picture[26].src="/images/menu/15a.gif";  
         picture[28].src="/images/menu/16a.gif";
          }  
function MakeArray(n) {
           this.length = n
           for (var i=1; i<=n; i++)
           {this[i]=new Image()
           }
            return this;          
 }
function msover(imgName,num1, linkdes) {
   document[imgName].src = picture[num1].src;
   window.status = linkdes;
}
function msout(imgName,num) {
   document[imgName].src = picture[num].src;
   window.status="";
}

надеюсь пояснения о вызове не нужны?

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:53 03-01-2006
altshift

Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Cheery
Наверное, все-таки нужны... Ибо, теперь у меня вообе смена не работает

Код:
<SCRIPT language="JavaScript">
 picture = new MakeArray(12);  
//mouseOver      
         picture[1].src= "/images/menu1.gif";  
         picture[3].src= "/images/menu2.gif";  
         picture[5].src= "/images/menu3.gif";  
         picture[7].src= "/images/menu4.gif";  
         picture[9].src= "/images/menu5.gif";  
         picture[11].src="/images/menu6.gif";  
// mouseOut    
         picture[2].src="/images/menu1a.gif";  
         picture[4].src="/images/menu2a.gif";  
         picture[6].src="/images/menu3a.gif";  
         picture[8].src="/images/menu4a.gif";  
         picture[10].src="/images/menu5a.gif";  
         picture[12].src="/images/menu6a.gif";  
          }    
function MakeArray(n) {  
           this.length = n  
           for (var i=1; i<=n; i++)  
           {this[i]=new Image()  
           }  
            return this;          
 }  
function msover(imgName, num1, linkdes) {  
   document[imgName].src = picture[num1].src;  
   window.status = linkdes;  
}  
function msout(imgName, num) {  
   document[imgName].src = picture[num].src;  
   window.status="";  
}</SCRIPT>

 
Вызов:

Код:
<A HREF="http://inetcafe.clubnext.ru/news/news/" onmouseover="msover(news, 2, linkdes)" onmouseout="msout(news, 1)"><img src="http://inetcafe.clubnext.ru/images/menu1.gif" width="190" height="30" alt="Новости" name="news" border="0" style="cursor:hand;"></A>


----------
А мы их душили, душили...

Всего записей: 1675 | Зарегистр. 24-10-2004 | Отправлено: 02:21 03-01-2006
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
altshift
<A HREF="http://inetcafe.clubnext.ru/news/news/" onmouseover="msover('news', 2, 'Our news');" onmouseout="msout('news', 1)"><img id='news' src="http://inetcafe.clubnext.ru/images/menu1.gif" width="190" height="30" alt="Новости" name="news" border="0" style="cursor:hand;"></A>  


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:31 03-01-2006
altshift

Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Хм, может я чего-то недопонимаю, но у меня с таким кодом:

Код:
<A HREF="http://inetcafe.clubnext.ru/news/news/" onmouseover="msover('news', 2, 'Our news');" onmouseout="msout('news', 1);"><img id='news' src="http://inetcafe.clubnext.ru/images/menu1.gif" width="190" height="30" alt="Новости" name="news" border="0" style="cursor:hand;"></A>

По-прежнему не работает...

----------
А мы их душили, душили...

Всего записей: 1675 | Зарегистр. 24-10-2004 | Отправлено: 02:47 03-01-2006
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ну там ошибка была лишняя }
сорри..
         picture[12].src="/images/menu6a.gif";  
 
function MakeArray(n) {  

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:51 03-01-2006
altshift

Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Заработало!
Но в ие тоже самое
У меня чичас уже нервный тик начнется

----------
А мы их душили, душили...

Всего записей: 1675 | Зарегистр. 24-10-2004 | Отправлено: 02:56 03-01-2006
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
altshift

Цитата:
Но в ие тоже самое

сейчас погляжу какие заголовки с сервера выдаются.
вроде все ок..  
 
но на моем сервере доп. запросов не происходит.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:58 03-01-2006 | Исправлено: Cheery, 03:09 03-01-2006
altshift

Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Я поменяла сразу, может ты уже заголовки смотрел, когда я ссылки сделала относительными?
Обратно вернуть?

----------
А мы их душили, душили...

Всего записей: 1675 | Зарегистр. 24-10-2004 | Отправлено: 03:06 03-01-2006
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Тогда не понимаю.. у меня не делает на моей странице доп. запросов.
нет.. ссылки лучше оставить относительными - в случае переезда будет удобнее.
хм.. ощущение, что на Вашей тоже сейчас не делает? или делает?

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 03:06 03-01-2006 | Исправлено: Cheery, 03:14 03-01-2006
altshift

Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Мне кажется, он стал чуть побыстрее "тормозить"
Огромное спасибо за потраченное со мной время

----------
А мы их душили, душили...

Всего записей: 1675 | Зарегистр. 24-10-2004 | Отправлено: 03:19 03-01-2006
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
altshift

Цитата:
Мне кажется, он стал чуть побыстрее "тормозить"

это должно быть только при первом обращении. Когда картинка догружается.
Потом должна браться из кэша.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 04:38 03-01-2006
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Смена картинки при наведении мыши на нее


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru