Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Смена фотографии при наедениие курсора мыши / 7 сообщений из 7, страница 1 из 1
18.12.2009, 21:19
    #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
| Ответить | Цитировать | Написать  
19.12.2009, 02:32
    #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, 10:48
    #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, 16:22
    #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:43
    #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, 20:49
    #36375730
dik_k
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Смена фотографии при наедениие курсора мыши
neznau , спасибо большое!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.12.2009, 23:33
    #36376775
228293
228293
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Смена фотографии при наедениие курсора мыши
neznau ,

спасибо большое, работает
ошибка понятна, я навесил onmouse только на одну картинку
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Смена фотографии при наедениие курсора мыши / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 426ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453778]:
 0ms
get settings:
 5ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 171ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 36ms
get tp. blocked users:
 1ms
others: 191ms
total:  426ms
x
x
Закрыть


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