Поясняю. При наведении должно появляться нечто, схожее с "лупой", при нажатии которой изображения соответственно приближается( как я понимаю, в отельном..ээ..фрейме?) и уменьшаться назад..
Пример - на mail'e или вот тут жать сюды
Я вот тут просто подумала, что надо.... чтобы оно использовалось на полях. В графе "поле", точнее.
----Увеличение\уменьшение изображений при наведении мыши
Сообщений 1 страница 14 из 14
Поделиться12008-11-23 02:47:19
Поделиться32008-11-23 19:02:00
Аякс
*умирла*
xD Кого?-)))
Поделиться42008-11-23 19:05:28
Ну кто из нас модер я или ты
Поделиться52008-11-24 00:34:28
Ну кто из нас модер я или ты
Ты лучше скажи можно такое или нет? На майбб мне сказали, что это модуль, а модули с данными форумами не состыкуются.-)
Поделиться62008-11-24 00:43:52
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 минуты на коленке писаное доработать надо конечно))
Отредактировано Diesel (2008-11-24 00:47:55)
Поделиться72008-11-24 18:10:26
Diesel
Крутааа=))) Ндоо.. Надо было мне идти таки на программирование*__*) Ти самый-самый лучший^^))
Поделиться82008-11-24 18:20:34
Bastet, спасибо
P.S. а я никогда ничего и не учил...
Поделиться92008-11-24 19:47:31
P.P.S. А я языков практически не знаю=) И начит мозгов нету у мну;)
P.P.P.S. Улучшать будешь?:р
Поделиться102008-11-24 20:27:49
P.P.P.S. Улучшать будешь?:р
Да, сегодня поразмыслю
Поделиться112008-11-24 21:02:19
Diesel
молодца... лови +1
Поделиться122008-11-25 03:37:58
В 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. С рамкой выглядит посимпатичнее теперь)))
Поделиться132008-11-27 19:10:43
класс)))
Поделиться142010-01-28 17:46:28
Здрасте! тема я смотрю уже Очень старЕнькая но всётаки напишу авось ктот заглянет. Просто у меня вопросик - а как сделать этоже чтоб и в ИЕ работало?