Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/21: Рейтинг темы: голосов - 21, средняя оценка - 5.00
capu77

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

07.05.2011, 15:56. Показов 4414. Ответов 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>
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
07.05.2011, 15:56
Ответы с готовыми решениями:

Плавное увеличение картинки при наведении курсора
Я тут конечно кое что сделал, но нет ли кода попроще на яваскрип? &lt;html&gt; &lt;head&gt; &lt;script type=&quot;text/javascript&quot; &gt; if...

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

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

1
pet11anr
14.07.2011, 13:29
Я копирнул и че то у меня не работает:(
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
14.07.2011, 13:29
Помогаю со студенческими работами здесь

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

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

Изменение цвета рамки картинки-гиперссылки при наведении курсора.
Изменение цвета рамки картинки-гиперссылки при наведении курсора.Никак не могу этого сделать.Допустим, с цвета #3399FF на цвет...

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

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


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
Контроль уникальности заводского номера - вариант №2
Maks 24.03.2026
В отличие от предыдущего варианта добавлено прерывание циклов, также добавлены новые переменные для сохранения контекста ошибки перед прерыванием цикла: Процедура ПередЗаписью(Отказ, РежимЗаписи,. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
Жизнь в неопределённости
kumehtar 23.03.2026
Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .
Модель здравоСохранения: работники работают быстрее после её введения.
anaschu 23.03.2026
geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .
Контроль уникальности заводского номера - вариант №1
Maks 23.03.2026
Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью. Данные берутся из регистра сведений, по которому настроено. . .
Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения
anaschu 22.03.2026
e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git
Программный отбор элементов справочника по группе
Maks 22.03.2026
Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru