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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> смена изображения
krikaved
krikaved
Topic Starter сообщение 17.6.2010, 2:27; Ответить: krikaved
Сообщение #1


Как сделать, чтобы при наведении на текстовую ссылку показывалось вместо одного изображения другое? Изображение находится выше и не касается курсора в момент наведения на текстовую ссылку!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
chippolino
chippolino
сообщение 17.6.2010, 12:28; Ответить: chippolino
Сообщение #2


код в студию!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 17.6.2010, 12:36; Ответить: Webmaster_hb
Сообщение #3


макет тоже
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tati_2000
Tati_2000
сообщение 17.6.2010, 12:38; Ответить: Tati_2000
Сообщение #4


[PHP]A.rollover_3 {
background: url(menu/images/footer-1tennis_03.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 214px; /* Ширина рисунка в пикселах */
height: 59px; /* Высота рисунка */
}

A.rollover_3:hover {
background:url(menu/images/footer-1tennis2_03.png);
background-position:
0 /* Смещение по горизонтали */
-59px; /* Смещение вверх по вертикали */
}
[/PHP]


может как-то так , вместо картинки текст
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 17.6.2010, 12:58; Ответить: locky-yotu
Сообщение #5


Че-то вы по-моему не то говорите...
<script type="text/javascript">
function chng(par) {document.getElementById('chng').src=par+'.jpg'}
</script>

<div>
<img src="01.jpg" alt="" id="chng" />
</div>
<div>
<a href="javascript:void(0)" onmouseover="chng(01)">Первая картинка</a>
<a href="javascript:void(0)" onmouseover="chng(02)">Вторая картинка</a>
<a href="javascript:void(0)" onmouseover="chng(03)">Третья картинка</a>
</div>
Имеется в виду же это, не?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
krikaved
krikaved
Topic Starter сообщение 18.6.2010, 0:42; Ответить: krikaved
Сообщение #6


locky-yotun что-то не получается!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script type="text/javascript">
function chng(par) {document.getElementById('chng').src=par+'.gif'}
</script>
<style type="text/css">
<!--
body {
background-color: #000;
}
a:link {
color: #FFF;
}
a:hover {
color: #FC0;
}
--
>
</style></head>
<body>
<div>
<img src="01.gif" alt="" name="chng" width="110" height="100" id="chng"/>
</div>
<div>
<a href="javascript:void(0)" onmouseover="chng(02)">О КОМПАНИИ</a> <!--ПРИ НАВЕДЕНИИ НА ЭТУ ССЫЛКУ ВМЕСТО 01.gif ДОЛЖНА ПОЯВИТЬСЯ 02.gif-->
<a href="javascript:void(0)" onmouseover="chng(02)">УСЛУГИ</a><!--ПРИ НАВЕДЕНИИ НА ЭТУ ССЫЛКУ ВМЕСТО 01.gif ДОЛЖНА ПОЯВИТЬСЯ 02.gif-->
<a href="javascript:void(0)" onmouseover="chng(02)">ТЕХНОЛОГИИ</a><!--ПРИ НАВЕДЕНИИ НА ЭТУ ССЫЛКУ ВМЕСТО 01.gif ДОЛЖНА ПОЯВИТЬСЯ 02.gif-->
</div>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 18.6.2010, 0:58; Ответить: ottaviano
Сообщение #7


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script type="text/javascript">
function chng() {document.getElementById('chng').src='02.gif'}
</script>
<style type="text/css">
<!--
body {
background-color: #000;
}
a:link {
color: #FFF;
}
a:hover {
color: #FC0;
}
--
>
</style></head>
<body>
<div>
<img src="01.gif" alt="" name="chng" width="110" height="100" id="chng"/>
</div>
<div>
<a href="javascript:void(0)" onmouseover="chng()">О КОМПАНИИ</a> <!--ПРИ НАВЕДЕНИИ НА ЭТУ ССЫЛКУ ВМЕСТО 01.gif ДОЛЖНА ПОЯВИТЬСЯ 02.gif-->
<a href="javascript:void(0)" onmouseover="chng()">УСЛУГИ</a><!--ПРИ НАВЕДЕНИИ НА ЭТУ ССЫЛКУ ВМЕСТО 01.gif ДОЛЖНА ПОЯВИТЬСЯ 02.gif-->
<a href="javascript:void(0)" onmouseover="chng()">ТЕХНОЛОГИИ</a><!--ПРИ НАВЕДЕНИИ НА ЭТУ ССЫЛКУ ВМЕСТО 01.gif ДОЛЖНА ПОЯВИТЬСЯ 02.gif-->
</div>
</body>
</html>

Если так , то работает...
Но уже не первый раз замечаю, что переданный функции параметр (здесь это "02") не работает в командах document.getElementById('chng'), скажите, в чем причина?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 18.6.2010, 1:28; Ответить: MetSerp
Сообщение #8


а у нас такое число как 02 есть? я знаю только 0.2 либо 2 а 02 это текст, передаем в кавычках и должно работать, либо я уже сонный просто:achtung:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 18.6.2010, 1:31; Ответить: ottaviano
Сообщение #9


(MetSerp @ 18.6.2010, 04:28) *
я уже сонный просто

сонный не отрицаю, время позднее, но и прав тоже )) все работает))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
krikaved
krikaved
Topic Starter сообщение 18.6.2010, 3:42; Ответить: krikaved
Сообщение #10


(ottaviano @ 18.6.2010, 03:58) *
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script type="text/javascript">
function chng() {document.getElementById('chng').src='02.gif'}
</script>
<style type="text/css">
<!--
body {
background-color: #000;
}
a:link {
color: #FFF;
}
a:hover {
color: #FC0;
}
--
>
</style></head>
<body>
<div>
<img src="01.gif" alt="" name="chng" width="110" height="100" id="chng"/>
</div>
<div>
<a href="javascript:void(0)" onmouseover="chng()">О КОМПАНИИ</a> <!--ПРИ НАВЕДЕНИИ НА ЭТУ ССЫЛКУ ВМЕСТО 01.gif ДОЛЖНА ПОЯВИТЬСЯ 02.gif-->
<a href="javascript:void(0)" onmouseover="chng()">УСЛУГИ</a><!--ПРИ НАВЕДЕНИИ НА ЭТУ ССЫЛКУ ВМЕСТО 01.gif ДОЛЖНА ПОЯВИТЬСЯ 02.gif-->
<a href="javascript:void(0)" onmouseover="chng()">ТЕХНОЛОГИИ</a><!--ПРИ НАВЕДЕНИИ НА ЭТУ ССЫЛКУ ВМЕСТО 01.gif ДОЛЖНА ПОЯВИТЬСЯ 02.gif-->
</div>
</body>
</html>
Если так , то работает...
Но уже не первый раз замечаю, что переданный функции параметр (здесь это "02") не работает в командах document.getElementById('chng'), скажите, в чем причина?

Один в один скопировал код! Ничего не работает!!! Не работает эта функция! Ни через IE6, ни IE8, ни Mozilla, ни Opera!!! Помогите пожалуйста!!! В чём причина?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ukr Private Proxy 4g Lifecell, Kyivstar, Vodafone (ТЕСТ, смена по ссылке, ротация)
Продам Личные Украинские приватные мобильные прокси 4g Lifecell, Kyivs
1 Kostyaxxxx 4244 20.6.2021, 20:26
автор: Kostyaxxxx
Открытая тема (нет новых ответов) Смена шрифтов в WP
Заказ
0 SkyFire 2446 24.12.2017, 12:24
автор: SkyFire
Открытая тема (нет новых ответов) Изображения с shutterstock от 15 рублей/штука
5 Mr_Big 3662 10.9.2017, 21:30
автор: Palundra
Открытая тема (нет новых ответов) Вывод изображения при наведения на часть картинки по area
1 androv77 4828 16.7.2016, 17:32
автор: -YroKPROG-
Открытая тема (нет новых ответов) Создаю фрактальные изображения для разных целей
22 Russ33 5064 27.6.2016, 21:42
автор: Russ33


 



RSS Текстовая версия Сейчас: 29.3.2024, 2:43
Дизайн