Odpowiedz

Efekt hover na okrągłym elemencie

Jakub Gwiazdowski Student, Katolicki
Uniwersytet Lubelski

Temat: Efekt hover na okrągłym elemencie

Witam,
sam dobrze nie wiem czy css może rozwiązać mój problem ale zapytam;)
otóż, powiedzmy że mam diva a na jego tło daje okrąg(obrazem), jako hover na tym divie ustawie np border. Teraz po najechaniu myszą na diva, to div dostanie border - to jest oczywiste. Jak zrobić coś takiego żeby to okrąg( lub inna nietrywialna figura) dostała border i to po najechaniu właśnie na tą figurę, a nie cały div.
Mam nadzieje, że ktoś mnie rozumiał:P
Dziękuje za ewentualną pomoc.

24.05.2011, 12:06

Link do wypowiedzi

| Cytuj

Rafał Krupiński .koder

Temat: Efekt hover na okrągłym elemencie

hover respektujący np border radius działa z tego co widzę chyba tylko w firefoksie....

Wersja hardkorowa:

Można badać zdarzenie mouseover na mapie (<area onmouseover="alert(1);" shape="POLY" coords="x y z" href="#"> ) i zmieniać klasę elementu znajdującego się pod nią - tak sobie hover symulować :D

24.05.2011, 12:19

Link do wypowiedzi

| Cytuj

Jakub Gwiazdowski Student, Katolicki
Uniwersytet Lubelski

Temat: Efekt hover na okrągłym elemencie

właśnie tylko, że całość tworzyć będzie u mnie całkiem skomplikowany obrazem podzielony na części, przy mapie się zapłacze ;P

24.05.2011, 12:21

Link do wypowiedzi

| Cytuj

Jakub Gwiazdowski Student, Katolicki
Uniwersytet Lubelski

Temat: Efekt hover na okrągłym elemencie

ups -.-Jakub Gwiazdowski edytował(a) ten post dnia 24.05.11 o godzinie 12:25

24.05.2011, 12:24

Link do wypowiedzi

| Cytuj

Łukasz Stępa wszelakopojęty
html/css

Temat: Efekt hover na okrągłym elemencie

Tutaj masz pokazane coś takiego:
http://www.cssplay.co.uk/menu/solar_map
http://www.tankedup-imaging.com/css_dev/rollover.html

Z tym że nie wiem czy ci to wystarczy bo jest to na zasadzie obrazka + obrazek dla hovera, no i minusem jest też to że a:hover to wciąż jakby nie patrzeć kwadrat. Ale na upartego - można? można ;)

24.05.2011, 12:44

Link do wypowiedzi

| Cytuj

Jakub Gwiazdowski Student, Katolicki
Uniwersytet Lubelski

Temat: Efekt hover na okrągłym elemencie

no właśnie kwadrat:{
dzięki za pomoc
chociaż pewnie będzie w końcu trzeba flasha użyc ._.

24.05.2011, 12:47

Link do wypowiedzi

| Cytuj

Tobiasz Glazar Front-End Developer

Temat: Efekt hover na okrągłym elemencie

A możesz powiedzieć jaki dokładnie efekt chcesz osiągnąć?

24.05.2011, 15:19

Link do wypowiedzi

| Cytuj

Jakub Gwiazdowski Student, Katolicki
Uniwersytet Lubelski

Temat: Efekt hover na okrągłym elemencie

np taki jak kolega wyżej podlinkował
http://www.tankedup-imaging.com/css_dev/rollover.html
tylko, jak pisałem wczesniej kwadratowy div nie pozwala zrobić tego idealnie.
Ja chciałem zrobić to na takim obrazku

Obrazek

żeby każda część piłki miała hover i tylko i wyłącznie po najechaniu na tą część, a nie obok i już się włącza.

24.05.2011, 16:21

Link do wypowiedzi

| Cytuj

Dariusz Sikorski Front-end Dev,
Web&Mobile Design,
UX Support

Temat: Efekt hover na okrągłym elemencie

No niestety pozostaje Ci podłączenie mapy do eventów w javascripcie / jquery, albo poczciwy osadzony flash.

Jeśli nie macie aż tyle tego cięcia, to poświęćcie się i zróbcie to na AREA,MAP, a jeśli jest NA PRAWDĘ dużo pracy, to dopiero flash. Uważajcie, żeby samo poszukiwanie rozwiązania nie zajęło wam więcej niż wykonanie.

Dzielenie na kostki / milion coraz mniejszych kosteczek nie rozwiązuje problemu, bo albo będziesz miał za dużo pracy, żeby to pokroić, albo nie uzyskasz tej super precyzji, której jak widzę oczekujecie.

24.05.2011, 18:34

Link do wypowiedzi

| Cytuj

Jakub Gwiazdowski Student, Katolicki
Uniwersytet Lubelski