|
Страница 1 из 1 [ Сообщений: 18 ] |
Автор |
Сообщение |
FonGenrih
 постоянный участник
|
|
как сделать rollover непрямоугольной картинки?
принципиально это возможно?
если да, то как?
придумали же люди
image map, можт, и ролловер к нему есть 
|
|
 |
|
 |
FonGenrih
 постоянный участник
|
|
пока придумал прикрутить появление нового слоя с картинкой с прозрачными краями
по onmouse_over, но при наведении на прямоугольное-таки изображение.…
кто чего умного подскажет?
|
|
 |
|
 |
Старый волк
новый человек
|
|
FonGenrih, Этого ПРИНЦИПИАЛЬНО сделать невозможно в силу ряда причин, о которыъ Вы или догадываетесь или никогда не догадаетесь. Просто придёться или в ГИФе или в ПНГ оставить прозрачные области. А вообще как-то странно тема выдумана.
|
|
 |
|
 |
FonGenrih
 постоянный участник
|
|
да, любитель я странные вопросы задавать
ну догадываться я могу много о чем,
мне интересно, что профессионалы думают
по этому поводу. гугль отказался мне помочь,
вот, спрашиваю здесь. мало ли,
кто-то сталкивался и таки извернулся 
|
|
 |
|
 |
Старый волк
новый человек
|
|
FonGenrih, изображения на экране ПО ОПРЕДЕЛЕНИЮ прямоугольны и считываются от гла до угла. Посему Ваш вопрос, сорри, просто не имеет никакого смысла.
|
|
 |
|
 |
Vadim
новый человек
|
|
Map сделайте на image нужной формы, и все события на нее обрабатываются.
|
|
 |
|
 |
FonGenrih
 постоянный участник
|
|
Vadim, спасибо, то что надо!
нагуглить пошаговый туториал не составило проблем.
Старый волк, я не собирался менять прямоугольность
изображений, мне нужно было подобие непрямоугольной маскировки
прямоугольного изображения.
|
|
 |
|
 |
FonGenrih
 постоянный участник
|
|
ааа! рано обрадовался.
эти умники предлагают либо ролловер всей картинки, а не части,
но по наведении на image map.
либо преобразование прямоугольного image mapa
в clip координаты отдельного слоя, что не есть гуд.
в-общем, вопрос открыт, и, видимо, без решения.
|
|
 |
|
 |
MpaK999
участник
|
|
флэш вам мог бы помочь минут за 5
_________________ :: metal kick ass ::
|
|
 |
|
 |
CutCopyPaste
соучастник
|
|
FonGenrih, Цитата: | эти умники предлагают либо ролловер всей картинки, а не части, но по наведении на image map. |
а что мешает менять всю картинку незаметно для посетителя сайта (но по наведениии на map)?
_________________ Пьяный русский хакер практически непобедим!
|
|
 |
|
 |
Sprinter
новый человек
|
|
А если JavaScript`om контролить координаты мыши и тестить их на попадание в зону (сколь угодно непрямоугольную)? В нужный момент переворачивать? Сам никогда ничего подобного не делал, но полагаю, что это возможно.
|
|
 |
|
 |
FonGenrih
 постоянный участник
|
|
CutCopyPaste, фактически мешает то, что новую картинку следует
показать не во всей прямоугольной красе,
а в обрезанном виде (виде круга, например),
это как если создать новый слой
и написать ему не clip rect(10,20,30,40),
а clip circle(10,20,30), т.е. обрезать по кругу.
если 6 круглых кнопок, предположим, можно,
конечно, менять при наведении 6 разных картинок,
в которых один кружочек другого цвета.
но как-то накладно на диалап получается.
Sprinter, можно, конечно, и javascriptom
координаты обрабатывать, а при наведении
картинку менять, но во-первых,
это фактически будет реализация уже встроенной
функции image map, а во-вторых весь цимес в том,
чтобы новую картинку по этим _непрямоугольным_
координатам обрезать.
прав товарищ MpaK999, насчет флэша,
но очень уж хотелось обойтись только html-javascript..
|
|
 |
|
 |
FonGenrih
 постоянный участник
|
|
хотя глупости всё это, давно флэш рулит, наверное.…
чё уж.
понятно, что html-javascript в сторону оформительских
причиндалов не развиваются, но ебени-фени,
придумали же clip rect(…) можно было добавить clip poly(…)
как в image map!!!
|
|
 |
|
 |
Long
SubAdmin Теоретик
|
|
FonGenrih, тебе сказали два решения, одно для хтмл+JS, второе на флеше. что тебе еще нужно?
_________________ Мудрость не всегда приходит с возрастом. Бывает, что возраст приходит один.
|
|
 |
|
 |
Akela
Констататор
|
|
FonGenrih, не, вообще если речь идёт о маске, то в чём проблема? Сделай картинку с дыркой и под ней меняй свой ролловер. Вроде как z-index давно придумали. Нет?
|
|
 |
|
 |
FonGenrih
 постоянный участник
|
|
Akela, интересное решение, спасибо!
хорошо, и слоёв много не понадобится. я уж хотел
наплодить штук 7 всяких разных
Long, Цитата: | что тебе еще нужно? |
я всего лишь хотел Цитата: | подобие непрямоугольной маскировки прямоугольного изображения. |
|
|
 |
|
 |
Akela
Констататор
|
|
FonGenrih, да незачто, только чем это будет отлчаться от замены обычных картинок, на которых наложили такую маску уже при изготовлении? Весить они от этого будут ровно столько же! 
|
|
 |
|
 |
FonGenrih
 постоянный участник
|
|
Akela, да дело тут не в весе.
одна картинка должна перекрывать другую,
вот и вся загвоздка. а впрочем, задача сегодня была решена,
слоями, как и предполагалось.
|
|
 |
|
 |
|
Страница 1 из 1 [ Сообщений: 18 ] |
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
|
|