Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
2 / 0 / 1
Регистрация: 20.06.2012
Сообщений: 95

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

08.01.2013, 13:48. Показов 1557. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
HTML5
1
<div id="Galeri"><img src="img/387395.jpg"></div>
CSS
1
2
3
4
5
6
7
8
#Galeri{
width:150px;
height:150; 
    }
#Galeri:hover{
width:350px;
height:350; 
    }
При наведение на картинку она увеличивается,как сделать что бы при наведение она плавна увеличивалась?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
08.01.2013, 13:48
Ответы с готовыми решениями:

Замена картинки при наведение мыши
Не могу разобрать что далее для события писать, чтобы при наведение на картинку мыши, она заменялась другой, а когда мы опять уводим мышь,...

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

Плавное увеличение картинки
Пишу для этого свой скрипт, но что-то не работает. Вот код картинки: &lt;img src=&quot;photo/thumb2-1.jpg&quot; width=&quot;70&quot;...

6
 Аватар для mack_91
121 / 66 / 9
Регистрация: 15.08.2012
Сообщений: 266
08.01.2013, 14:10
Без JavaScript никак) Но в этом я не спец, поэтому к сожалению помочь не сомогу(
0
2 / 0 / 1
Регистрация: 20.06.2012
Сообщений: 95
08.01.2013, 14:40  [ТС]
я смотрел делали через css3
ну хотя бы в JS без разницы,кто может помогите
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
08.01.2013, 14:40
Цитата Сообщение от mack_91 Посмотреть сообщение
Без JavaScript никак)
CSS
1
2
3
4
5
6
7
8
9
10
#Galeri img{
        width:150px;
        height:150; 
        -webkit-transition: all 0.5s ease;
        -webkit-transition-delay: 0.5s;
    }
    #Galeri:hover img {
        width:350px;
        height:350; 
    }
2
 Аватар для mack_91
121 / 66 / 9
Регистрация: 15.08.2012
Сообщений: 266
08.01.2013, 14:49
Цитата Сообщение от KOPOJI Посмотреть сообщение
CSS
1
2
3
4
5
6
7
8
9
10
#Galeri img{
        width:150px;
        height:150; 
        -webkit-transition: all 0.5s ease;
        -webkit-transition-delay: 0.5s;
    }
    #Galeri:hover img {
        width:350px;
        height:350; 
    }
Ого как)) обязательно на заметку)
0
08.01.2013, 14:50

Не по теме:

другое дело - что это еще слабовато поддерживается :)

0
2 / 0 / 1
Регистрация: 20.06.2012
Сообщений: 95
09.01.2013, 06:34  [ТС]
ну ладно если не как не льзя, помогите тогда с помощью JS))

Добавлено через 15 часов 42 минуты
спасибо,и на мозиле конает если -moz- поставить))
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
09.01.2013, 06:34
Помогаю со студенческими работами здесь

Сделать плавное появление картинки
Вот рабочий скрипт Меняется картинка каждую 4,5 секунды Мне нужно сделать плавное появление картинки,а не такое быстрое var...

Плавное появление картинки в зависимости от скрола
Всем привет, возник следующий вопрос. Как сделать, чтобы данная картинка: на сайте появлялась не целиком, а плавно при...

Плавное появление картинки в слайд-шоу
Здравствуйте, на моем сайте http://vashefoto.net/ (на джумле) стоит модуль слайдшоу jtinyslideshow. Интервал между сменой картинки стоит 10...

Изменение изображений при наведение мыши
Доброго времени суток, уважаемые форумчане. Вопрос ребят в следующем. есть n-ое количество картинок. Как можно сделать так, что бы....

Фон и текст при наведение на картинку
Привет, друзья. В jscript я дубок, поэтому прощу помощи, мне нужен скрипт, чтобы при наведение мыши на картинку на нее накладывался: ...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru