Изменение изображения

[Vanilnaya]

Нужно сделать вкладки как тут http://pyha.ru/ (фишки,мини-FAQ,Библиотека,статьи,кухня,форум)

проблема в том что если делать:

<a href="http://><img src='img/proba.png'

onmouseover="this.src='img/probahi.png'"

onmouseout="this.src='img/proba.png'" border=0>

и картинку повернуть боком как например "статьи, форум" то при наведении в область квадрата картинка уже сменяется, а на пыхе только при наведении на картинку.

пробовал в фотошопе убрать фон, всё так же.

(если не понятно объяснил могу скрины дать)

Edited December 31, 2011 by VanilnayaSperma

[Coder_D]

Привет, попробуй сделать так. Полную картинку, "порежь" на кусочки и укажи в каждом куске area.

Другой вариант Флеш. На сколько я знаю, в хтмл-е нет возможности "крутить" картинку по определенным градусам.

[Vanilnaya]

спасибо

если кто ещё варианты знает будте добры кинуть

[troll]

Если форма у картинок не очень сложная, то можно повернуть через CSS-трансформации (пример), подставив костыли для IE.

[Coder_D]

Это вроде только для css 3...

[Vanilnaya]

Если форма у картинок не очень сложная, то можно повернуть через CSS-трансформации (пример), подставив костыли для IE.

Работает отлично, не можешь пояснить что за css трансформатор?, ни разу не слышал.

Edited January 1, 2012 by VanilnayaSperma

[troll]

В IE8 и ниже не работает без ухищрений. Для беглого знакомства с трансформациями можно посмотреть это или это.