gerasin Сообщение 15/01/2011 17:32 Копия темы
Не стандартная форма ссылки Друзья верстальщики, я в замешательстве не знаю как реализовать страничку портфолио. Там при наведении на картинку она пропадает и появляется тест, но не из-за этого не не могу реализовать это а из-за того что форма этих картинка не прямоугольная.

MERLIN Сообщение 15/01/2011 17:35 Копия темы
флеш ;)

kanda Сообщение 15/01/2011 17:38 Копия темы
смотри в сторону image map

gerasin Сообщение 15/01/2011 17:39 Копия темы
ну там не реализуешь замену картинки на текст, или я ошибаюсь?

gerasin Сообщение 15/01/2011 17:40 Копия темы
и никак по другому?

kanda Сообщение 15/01/2011 17:40 Копия темы
на текст нет.

kanda Сообщение 15/01/2011 17:41 Копия темы
можно конечно отрисовать бг для текста и при наведении на area="some" показывать нам div.text#some

dotbarsik Сообщение 15/01/2011 17:42 Копия темы
у кого-то крутой портфель) а чо за дизайнер?)

slad Сообщение 15/01/2011 17:45 Копия темы
Легче конечно на флеш :)) Как Дмитрий сказал )

slad Сообщение 15/01/2011 17:45 Копия темы
Ссылку на портфолио дайте посмотреть )

gerasin Сообщение 15/01/2011 17:46 Копия темы
этот сайт в разработке, это макет

gerasin Сообщение 15/01/2011 17:48 Копия темы
буду рассматривать такой вариант.

kanda Сообщение 15/01/2011 17:50 Копия темы
можно конечно попробовать каждый проект в отдельную картинку со своей картой + текст с бг.
но будут ли ссылки перекрываться??...
но думаю если по-капаться в этом, то что-нить получится.

gerasin Сообщение 15/01/2011 18:00 Копия темы
тогда будет такой эфект что наводишь на пустой уголок и срабатывает наше наведение.

pressure Сообщение 15/01/2011 18:36 Копия темы
на флеше – легко)

ArtDes Сообщение 15/01/2011 19:06 Копия темы
Флэш или сирверлайт, можно конечно на html 5 поробовать но 5-ый ещё мало кто поддерживает, потому 2 первых варианта

kanda Сообщение 15/01/2011 19:15 Копия темы
Вот быстро набросал.
Если дальше поработать то можно сделать и просто текст.
Но для верстальщика сразу подготовить каждый элемент отдельно и для каждого элемента сделать бэкграунд версию (просто цвет, либо разукрашенный не важно. самое главное под размер самого элемента)

kanda Сообщение 15/01/2011 19:17 Копия темы
http://www.free-lance.ru/blogs/view.php?tr=611482&pagefrom=&openlevel=6376892&o rd=new#o6376892
вполне и без html5

kanda Сообщение 15/01/2011 19:20 Копия темы
http://www.free-lance.ru/blogs/view.php?tr=611482&pagefrom=&openlevel=637 6892&ord=new#o6376892

kanda Сообщение 15/01/2011 19:29 Копия темы
блин, перекрытие элементов всеровно есть...

kanda Сообщение 15/01/2011 19:36 Копия темы
хотя можно делать массив из этих блоков.
присваивать z-index
т.е.
1 = z-index:3;
2 = z-index:2;
3 = z-index:1;

после того как мы навели на area мы передвигаем элемент в вверх массива.
а после того как убрали наведение,то в самый низ.

ну в общем можно дальше попробовать развить идею. что-нибудь из этого получится обязательно )

Synoptic Сообщение 15/01/2011 19:41 Копия темы
не, такое будет глючить, и излишне перегруженно.
но для тех случаев, когда блоков мало и флешку делать не хочется сойдет.

kanda Сообщение 15/01/2011 19:51 Копия темы
почему же будет глючить? о_О

Synoptic Сообщение 15/01/2011 19:54 Копия темы
при двух блоках со скрипом работает
все эти микрозадержки при срабатывании скрипта отсутствуют в флеше, даже использование спрайтов тут сильно не поможет.
то есть такое решение устроит разве что непривередливого заказчика

kanda Сообщение 15/01/2011 20:01 Копия темы
несомненно задержки есть и будут.
но пока они не заметны на глаз, вполне приемлемо.

Synoptic Сообщение 15/01/2011 20:02 Копия темы
так ведь заметны
я не говорю, что способ плохой. просто выглядит хуже и более громоздкий.

Yusupov Сообщение 16/01/2011 07:50 Копия темы
Может попробовать сделать с помощью тега <area>...?