Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.56/18: Рейтинг темы: голосов - 18, средняя оценка - 4.56
capu77
0 / 0 / 0
Регистрация: 04.05.2011
Сообщений: 1
1

Увеличение картинки при наведении курсора

07.05.2011, 15:56. Просмотров 3282. Ответов 1
Метки нет (Все метки)

помогите пожалуста . при наведение должно увеличитса картина .
что я не правильно сделал
HTML5
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<html>
<head>
<title>WOweb.ru - Scripts - JavaScript - Gallery Viewer</title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META NAME="description" CONTENT="Коллекции CGI, PHP, JavaScript скриптов, Java апплеты, огромное количество документации по разным языкам программирования, анимированные гифы, фоны, полезные программы, форум, ссылки по теме.">
<META NAME="keywords" CONTENT="perl scripts, perl, cgi scripts, cgi, перл, java, java scripts, веб-программирование, web-programming, html, каталог ссылок, документация по веб-программированию, cgi скрипты, java скрипты, игры, java апплеты, апплеты, гифы, скрипты, скрипт, книги по веб-программированию, форум по perl, CGI, Perl, script, HTML">
 <Style>
 A:Link{ Color: #000000; Text-decoration: underline}
 A:Visited{ Color: #000000; Text-decoration: underline}
 A:Hover{ Color: #000000; Text-decoration: none}
 td, body {font-family: verdana, arial, helvetica; font-size:11px;}
 </Style>
 
<!-- HEAD START HERE -->
 
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Jenny Blewitt (webmaster@webdesignsdirect.com) -->
<!-- Web Site: [url]http://www.webdesignsdirect.com[/url] -->
 
 
<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
 
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
 
function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
 }
}
// End -->
</script>
 
 
 
<!-- HEAD END HERE -->
 
 
 
 
</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0">
<center>
 
<!-- BODY START HERE -->
 
<table width=400 border=0 cellspacing=0 cellpadding=0>
<tr>
<td><a href="javascript:doPic('1.jpg');"><img src="http://www.programmingforum.ru/images/007.jpg" width=100 height=80 border=0></a></td>
<td><a href="javascript:doPic('2.jpg');"><img src="http://www.programmingforum.ru/images/001.jpg" width=100 height=80 border=0></a></td>
<td><a href="javascript:doPic('3.jpg');"><img src="http://www.programmingforum.ru/images/011.jpg" width=100 height=80 border=0></a></td>
<td><a href="javascript:doPic('4.jpg');"><img src="http://www.programmingforum.ru/images/013.jpg" width=100 height=80 border=0></a></td>
</tr>
<tr>
<td colspan=4 align=center><img name="mainpic" src="1.jpg" width=400 height=320 border=0></td>
</tr>
<tr>
<td><a href="javascript:doPic('5.jpg');"><img src="http://www.programmingforum.ru/images/153_5343.jpg" width=100 height=80 border=0></a></td>
<td><a href="javascript:doPic('6.jpg');"><img src="http://www.programmingforum.ru/images/foto_1_8.jpg" width=100 height=80 border=0></a></td>
<td><a href="javascript:doPic('7.jpg');"><img src="http://www.programmingforum.ru/images/foto_1_34.jpg" width=100 height=80 border=0></a></td>
<td><a href="javascript:doPic('8.jpg');"><img src="http://www.programmingforum.ru/images/foto_1_35.jpg" width=100 height=80 border=0></a></td>
</tr>
</table>
</center>
 
 
<!-- BODY END HERE -->
 
 
 
 
 
 
 
 
 
 
 
<p>&nbsp;</p>
<p align="center">&nbsp;</p>
<div align="center">
 <center>
<table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="100%">
 <p align="center"><!--#exec cgi="/cgi-bin/inside/ads/ads.cgi" -->
 </td>
 </tr>
</table>
 
 </center>
</div>
 
</body>
</html>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.05.2011, 15:56
Ответы с готовыми решениями:

Плавное увеличение картинки при наведении курсора
Я тут конечно кое что сделал, но нет ли кода попроще на яваскрип? &lt;html&gt;...

Увеличение картинки при наведении
При наведении должен постепенно увеличится размер, тут сразу увеличивается(как...

Увеличение части картинки при наведении
Всем привет. Есть довольно известный сайт http://www.alibaba.com там при...

Увеличение картинки при наведении мышью
Имееться самописный скрипт, поторый при наведении на картинку в одном месте...

Увеличение картинки при наведении на неё курсором мыши
Здравствуйте, подсакжите, как реализовать следующую задачу - на странице...

1
pet11anr
0 / 0 / 0
Регистрация: 11.07.2011
Сообщений: 2
14.07.2011, 13:29 2
Я копирнул и че то у меня не работает
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.07.2011, 13:29

Изменение цвета рамки картинки-гиперссылки при наведении курсора.
Изменение цвета рамки картинки-гиперссылки при наведении курсора.Никак не могу...

Увеличение блока при наведении на другой
Есть скрипт, который должен увеличивать один блок на странице. Нормальный его...

Картинки в КСС//при навождении курсора, не картинки меняются
Добрый вечер. Подскажите плз, как сделать, чтобы при навождении (не нажатии)...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru