Ответить на тему  [ Сообщений: 4 ] 
Как сделать так, чтобы картинка увеличивалась? 
Автор Сообщение
Опытный
Аватар пользователя

Зарегистрирован: 15 авг 2009, 14:54
Сообщений: 365
Репутация: 428
Добавить пункт репутацииВычесть пункт репутации
Сообщение Как сделать так, чтобы картинка увеличивалась?
Всем привет. Подскажите пож., как сделать так, чтобы при наведении курсором на картинку - она увеличивалась? :?

_________________
http://www.varpics.com - эзотерический сайт
http://www.lechitdoma.ru - сайт о народной медицине
http://www.vseovolosah.ru - сайт "всё о волосах"


06 апр 2014, 10:16
Профиль Отправить личное сообщение WWW
Профи

Зарегистрирован: 21 окт 2010, 15:36
Сообщений: 928
Откуда: Саратовская область, г.Энгельс
Пол: мужской
Репутация: 848
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Как сделать так, чтобы картинка увеличивалась?
Ирина писал(а):
Всем привет. Подскажите пож., как сделать так, чтобы при наведении курсором на картинку - она увеличивалась? :?

Пошаговая инструкция:
1. Заходим на сайт Яндекс или Google
2. Вбиваем в поисковую строку запрос, например "увеличение изображения при наведении курсора скрипт"
3. Смотрим сайты из поисковой выдачи и выбираем то, что нам подходит

Вот что я нашёл http://www.codeharmony.ru/materials/100

_________________
Не всё валидно, что не видно.


06 апр 2014, 11:24
Профиль Отправить личное сообщение
Опытный
Аватар пользователя

Зарегистрирован: 15 авг 2009, 14:54
Сообщений: 365
Репутация: 428
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Как сделать так, чтобы картинка увеличивалась?
Попробую разобраться=)

_________________
http://www.varpics.com - эзотерический сайт
http://www.lechitdoma.ru - сайт о народной медицине
http://www.vseovolosah.ru - сайт "всё о волосах"


06 апр 2014, 11:44
Профиль Отправить личное сообщение WWW
Модератор
Аватар пользователя

Зарегистрирован: 09 мар 2010, 00:53
Сообщений: 4042
Репутация: 2834
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Как сделать так, чтобы картинка увеличивалась?
Ирина, есть очень простой способ и может он вам подойдет или пригодится потом
Код:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
   img:hover {width: 900px; height: 900px}
</style>
</head>
<body>
   <img src="picture.jpg" height="100" width="100" alt="">
</body>
</html>
Недостаток у него - раздвигает соседний контент, что в некоторых случаях допустимо, и не работает в старых браузерах.

_________________
Не забывайте отдыхать!
www.jscan.ru - ежедневно новые японские сканворды и судоку различной сложности!


07 сен 2014, 16:35
Профиль Отправить личное сообщение WWW
Показать сообщения за:  Сортировать по:  
Ответить на тему   [ Сообщений: 4 ] 
   Похожие темы   Автор   Ответов   Просмотров   Последнее сообщение 
Нет новых непрочитанных сообщений в этой теме После загрузки *.jpg файла картинка не появляется

в форуме Drupal 6

gorelli

5

1096

19 окт 2011, 12:24

gorelli Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Может ли фоновая картинка менять размеры

в форуме CSS И ВЕРСТКА

Nastyushka7-1284

7

1102

04 сен 2010, 17:00

Moonlight Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Если картинка неуникальна, на чем это может отразиться.

в форуме ДРУГИЕ ВОПРОСЫ ПО ОПТИМИЗАЦИИ САЙТА + ВОПРОСЫ ПО КОНТЕНТУ

rjkmuf

1

999

07 май 2010, 14:23

Vladis Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Куда сохраняется картинка при перетаскивании ее в TinyMCE

в форуме ФОРМИРОВАНИЕ СТРУКТУРЫ САЙТА И ВОПРОСЫ ПО ФУНКЦИОНИРОВАНИЮ СТАНДАРТНОЙ СБОРКИ JOOMLA

dezmond83

2

1458

15 сен 2011, 16:45

Vladis Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Большая картинка в товаре почему то маленькая!:(

в форуме ИНТЕРНЕТ-МАГАЗИН VIRTUEMART

karabin87

1

949

06 апр 2011, 12:32

ПесЧанНик Перейти к последнему сообщению


Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти: