ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Смена фотографии при наедениие курсора мыши
7 сообщений из 7, страница 1 из 1
Смена фотографии при наедениие курсора мыши
    #36374901
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dik_k
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
<HTML>
<HEAD>
<TITLE>Смена изображения по наведению курсора</TITLE>

<!-- Открываем скрипт -->
<script language="JavaScript">
<!--
img=new Array()         // Объявляется массив
img[ 0 ]=new Image()
img[ 1 ]=new Image()
img[ 2 ]=new Image()
img[ 3 ]=new Image()
img[ 4 ]=new Image()
img[ 5 ]=new Image()

img[ 0 ].src="PreView/11.jpg"    
img[ 1 ].src="PreView/23.jpg"    
img[ 2 ].src="PreView/12.jpg"
img[ 3 ].src="PreView/22.jpg"
img[ 4 ].src="PreView/13.jpg"
img[ 5 ].src="PreView/21.jpg"

function ChgImg(NumImg,Action)
{
       i=eval(NumImg);
       if(Action)
       {
             document.images[i].src=img[i* 2 + 1 ].src
       }
       else      
             document.images[i].src=img[i* 2 ].src
}
//-->
</SCRIPT>

</head>

<body>

<TABLE border="0" width= 100 %>

  <CAPTION>
     Изменение картинки при наведении курсора мыши
  </CAPTION>

  <tr>
    <td width= 30 % align="center">
    <img src="PreView/11.jpg" onMouseOver="ChgImg(0,true)" 
                                 onMouseOut="ChgImg(0,false)">
    </td>

    <td width= 30 % align="center">
    <img src="PreView/12.jpg" onMouseOver="ChgImg(1,true)" 
                                 onMouseOut="ChgImg(1,false)">
    </td>

    <td width= 30 % align="center">
    <img src="PreView/13.jpg" onMouseOver="ChgImg(2,true)" 
                                 onMouseOut="ChgImg(2,false)">
    </td>

  </tr>

</TABLE>
</BODY>
</HTML>
Вопрос: как сделать чтобы при наведении мышкой картинка отображалась не вместо той на которую навели, а совсем на другой строчке таблицы.

ну тоеть чтото типа фотогалереи - вожу курсором по мелким картинкам и смотрю внизу большое изображение.
подскажите как этот код переделать?
...
Рейтинг: 0 / 0
18.12.2009, 21:19
| Ответить | Цитировать | Написать  
Смена фотографии при наедениие курсора мыши
    #36375071
neznau
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
neznau
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<html><head></head><body>
<script language="JavaScript">
function show(src,type)
{
	if (!type) {var type='-'};
	if ((src)&&(src!='')) {
		var divObj=document.getElementById('zoomedIn');
		if (divObj) {
			if (type=='+') {
				divObj.innerHTML='<img src='+src+'>';
			}
			else {
				divObj.innerHTML='';
			}
		}
	}
}
</script>

<table>
<tr>
<td><div><img style="width:100;" src="1.jpg" onmouseover="show(this.src,'+')" onmouseout="show(this.src,'-')"></div></td>
<td><div><img style="width:100;" src="2.jpg" onmouseover="show(this.src,'+')" onmouseout="show(this.src,'-')"></div></td>
</tr>
</table>

<div id="zoomedIn"></div>
</body></html>

?
...
Рейтинг: 0 / 0
19.12.2009, 02:32
| Ответить | Цитировать | Написать  
Смена фотографии при наедениие курсора мыши
    #36375158
228293
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
228293
Гость
извините что в этой теме отпишусь
ситуация похожая (при наведении на картинку нужно показать ее в цвете)

воспользовался примером neznau видоизменив его
но почемуто не срабатывает событие onmouseout


Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<html>
<head>
</head>
<body>

<script language="JavaScript">
function noColor(type)
{
		var divObj=document.getElementById('tt');
		if (divObj) 
		{
			if (type=='+') 
			{
				divObj.innerHTML='<img src="color.jpg" style="width:100;" >';
			}
			else 
			{
				divObj.innerHTML='<img src="nocolor.jpg" style="width:100;" >';
			}
		}
}

</script>
<table>
        <tr> 
            <td> 
	     <div id="tt">  
		         <img style="width:100;"  src="nocolor.jpg"  onmouseover="noColor('+')" onmouseout="noColor('-')" >
	     </div>
            </td>
        </tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
19.12.2009, 10:48
| Ответить | Цитировать | Написать  
Смена фотографии при наедениие курсора мыши
    #36375425
neznau
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
neznau
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<html>
<head>
</head>
<body>

<script language="JavaScript">
function noColor(imgObj,type)
{
		if (imgObj) {
			if (type=='+') {imgObj.src='color.jpg';}
			else {imgObj.src='nocolor.jpg';}
		}
}
</script>

<table>
        <tr> 
            <td> 
	     <div id="tt">  
		         <img style="width:100;"  src="nocolor.jpg"  onmouseover="noColor(this,'+')" onmouseout="noColor(this,'-')" >
	     </div>
            </td>
        </tr>
</table>
</body>
</html>

как то так (не проверял в браузере).

в вашем примере вы меняли innerHTML дива на рисунок, у которого не было определено onmouseout и onmouseover.
...
Рейтинг: 0 / 0
19.12.2009, 16:22
| Ответить | Цитировать | Написать  
Смена фотографии при наедениие курсора мыши
    #36375450
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Код: plaintext
<img style="width:100;"  src="nocolor.jpg"  onmouseover="this.src='color.jpg'" onmouseout="this.src='nocolor.jpg'" >

----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
19.12.2009, 16:43
| Ответить | Цитировать | Написать  
Смена фотографии при наедениие курсора мыши
    #36375730
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dik_k
Участник
neznau , спасибо большое!
...
Рейтинг: 0 / 0
19.12.2009, 20:49
| Ответить | Цитировать | Написать  
Смена фотографии при наедениие курсора мыши
    #36376775
228293
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
228293
Гость
neznau ,

спасибо большое, работает
ошибка понятна, я навесил onmouse только на одну картинку
...
Рейтинг: 0 / 0
20.12.2009, 23:33
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Смена фотографии при наедениие курсора мыши
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36376775&tid=1453778]:
 0ms
get settings:
 10ms
get forum list:
 20ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 41ms
get topic data:
 28ms
get forum data:
 3ms
get page messages:
 97ms
get tp. blocked users:
 2ms
others: 240ms
total:  447ms
созд. / загр.: 447ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]