Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Вопросы по скриптам » ----Увеличение\уменьшение изображений при наведении мыши


----Увеличение\уменьшение изображений при наведении мыши

Сообщений 1 страница 14 из 14

1

Поясняю. При наведении должно появляться нечто, схожее с "лупой", при нажатии которой изображения соответственно приближается( как я понимаю, в отельном..ээ..фрейме?) и уменьшаться назад..
Пример - на mail'e или вот тут жать сюды
Я вот тут просто подумала, что надо.... чтобы оно использовалось на полях. В графе  "поле", точнее. https://forumupload.ru/uploads/0002/25/06/8547-5.gif

0

2

Аякс  :yep:

0

3

Diesel написал(а):

Аякс

*умирла*
xD Кого?-)))

0

4

Ну кто из нас модер я или ты  :D  :tomato:

0

5

Diesel написал(а):

Ну кто из нас модер я или ты

Ты лучше скажи можно такое или нет?:) На майбб мне сказали, что это модуль, а модули с данными форумами не состыкуются.-)

0

6

Bastet,

В HTML-верх:

<style type="text/css">
#imgd {width:150px;height:150px;}
#imgd:hover{width:300px; height:300px; position: absolute; z-index: 3;}
</style>

Видишь там сначала ширина и высота 150 - это без наведения, а потом 300 - какой будет картинка при наведении мыши.
И когда будешь добавлять картинки в поля пиши не просто <имг срк=, а вот таг:

<img src="ссылка на картинку угу" id="imgd">

Ну это чисто мое изобретение сейчас за 3 минуты на коленке писаное  :crazyfun: доработать надо конечно))

Отредактировано Diesel (2008-11-24 00:47:55)

+3

7

Diesel
:crazyfun:  Крутааа=))) Ндоо.. Надо было мне идти таки на программирование*__*) Ти самый-самый лучший^^))  :flirt: :rolleyes:

0

8

Bastet, спасибо  :blush:

P.S. а я никогда ничего и не учил...

0

9

P.P.S. А я языков практически не знаю=) И начит мозгов нету у мну;)

P.P.P.S. Улучшать будешь?:р

0

10

Bastet написал(а):

P.P.P.S. Улучшать будешь?:р

Да, сегодня поразмыслю

+1

11

Diesel
молодца... лови +1 https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

12

В HTML-верх:

<style type="text/css">
#imgd{width: 50px; cursor: hand;}
#imgd:hover{width: 300px; background-color: transparent; z-index: 50; background-color: lightyellow;
padding: 5px; border: solid 1px gray; position: absolute; cursor: hand;}
</style>

50 - ширина маленьких картинок, а 300 - ширина больших, высоту задавать не надо, она сама относительно ширины будет, что позволяет не подгонять размер, а ставить любые картинки.

В поле для наград (или в любое другое место, без разницы):

<img src="адрес картинки" id="imgd">

P.S. С рамкой выглядит посимпатичнее теперь)))

+2

13

класс)))

0

14

Здрасте!  https://forumupload.ru/uploads/0002/25/06/8548-1.gif тема я смотрю уже Очень старЕнькая но всётаки напишу авось ктот заглянет. Просто у меня вопросик - а как сделать этоже чтоб и в ИЕ работало?

0


Вы здесь » Форум поддержки пользователей ZeroParking » Вопросы по скриптам » ----Увеличение\уменьшение изображений при наведении мыши


Рейтинг форумов | Создать форум бесплатно