Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.90/48: Рейтинг темы: голосов - 48, средняя оценка - 4.90
1 / 1 / 0
Регистрация: 17.06.2010
Сообщений: 71

Увеличение картинки

02.04.2012, 15:12. Показов 8908. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, не получается увеличить картинку ((
вот код
CSS
1
2
3
4
5
6
7
8
html, body{margin:0; padding:0;}
    div.actions h1 {height:600px; width:800px; margin-left:200px; border-style:outset; border-width:3px;
        }
    div.choise h1 {height: 200px; width:800px; margin-left:200px; border-style:outset; border-width:3px;
        }
    div.choise h1 img{background:url(Images/texture2.jpg) no-repeat scroll 50% 0 transparent; height:90; width:110; 
        }
    div.choise h1 img:active{}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<meta content="text/html; charset=utf8">
<title>Страница с приложением</title>
<link rel="stylesheet" href="styleA.css" type="text/css">
<script src="script.js" language = "JavaScript"> 
var bigsize = "300"; //Размер большой картинки
var smallsize = "150"; //Размер маленькой картинки
function changeSizeImage(im) {
  if(im.height == bigsize) im.height = smallsize;
  else im.height = bigsize;
}
</script>
</head>
<body>
<div class="actions"><h1>Window1</h1></div>
<div class="choise"><h1><img src="Images/Curtaine.png" height="150" onclick="changeSizeImage(this)" title="кликните мышкой" /></h1></div>
</body>
</html>
Наверное в div class это нельзя делать или в чем ошибка?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
02.04.2012, 15:12
Ответы с готовыми решениями:

Увеличение картинки
Как сделать, что бы при нажатии на картинку, она увеличивалась, а при нажатии на увеличенную, она уменьшалась?

Увеличение картинки
Привет всем как можно сделать такое вручную

Увеличение картинки!
Нужно сделать увеличение такой картинки: Дело все в том, что там используется лупа, даже когда эта картинка сохранена у тебя на...

3
32 / 30 / 1
Регистрация: 08.03.2012
Сообщений: 96
03.04.2012, 05:45
h1 - самый главный заголовок.. Название страницы и т.п... У Вашей картинки даже alt атрибута нет..
0
 Аватар для MotherHuck
3 / 3 / 0
Регистрация: 08.03.2012
Сообщений: 21
03.04.2012, 10:19
Очень удобный плагин. Заюзал себе на сайт.
линк
Добавлено через 2 минуты
да и советую вот это:
HTML5
1
<h1><img src="Images/Curtaine.png" height="150" onclick="changeSizeImage(this)" title="кликните мышкой" /></h1>
заменить на вот это:
HTML5
1
<img src="Images/Curtaine.png" height="150" onclick="changeSizeImage(this)" alt="название картинки для поисковых запросов например" title="название картинки для поисковых запросов например" />
0
1 / 1 / 0
Регистрация: 17.06.2010
Сообщений: 71
03.04.2012, 16:06  [ТС]
Хорошо, а как тогда сделать так ... вот у меня есть два окна (верхнее и нижнее). Картинка отображается в нижнем .... Как мне сделать так, чтобы при нажатии на неё мышкой, она появлялась в верхнем окне, увеличенная в размерах (Window1 на рисунке)??? эта же задача, скрипт приведен выше ....
Заранее спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
03.04.2012, 16:06
Помогаю со студенческими работами здесь

увеличение картинки по клику
Объясните пожалуйста, как сделать чтобы картинка увеличивалась по клику и занимала скажем левый верхний угол ячейки таблицы

Увеличение картинки в Html
Есть такой код &lt;p align=&quot;center&quot;&gt;&lt;img src=&quot;Knopka.jpg&quot;/&gt;&lt;/p&gt; Нужно дописать что то типо onmouseover=&quot;this.src&quot;. Чтобы при наведении...

Увеличение картинки по нажатию
Привет всем подскажите как сделать так что бы при нажатию на картинку картинка увеличивалась в статье

Увеличение картинки при наведении
Доброго времени суток! В шаблоне Helium, частица Content Cubes. Сейчас выводится фото в увеличенном виде, а при наведении оно уменьшается...

Увеличение картинки при наведении
Нужно увеличивать картинку, когда не нее наведен курсор


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru