GoldenLine
Zaloguj się

konto usunięte

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.
Link do wypowiedziLink

konto usunięte

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
Link do wypowiedziLink

konto usunięte

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
Link do wypowiedziLink

konto usunięte

Temat: Efekt hover na okrągłym elemencie

ups -.-Jakub Gwiazdowski edytował(a) ten post dnia 24.05.11 o godzinie 12:25
Link do wypowiedziLink
Łukasz Stępa

Łukasz Stępa Front-End developer

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 ;)
Link do wypowiedziLink

konto usunięte

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 ._.
Link do wypowiedziLink
Tobiasz Glazar

Tobiasz Glazar Front-End Developer

Temat: Efekt hover na okrągłym elemencie

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

konto usunięte

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.
Link do wypowiedziLink
Dariusz Sikorski

Dariusz Sikorski Front-End Web
Developer, Ux/Ui
Designer

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.
Link do wypowiedziLink

konto usunięte

Temat: Efekt hover na okrągłym elemencie

Szukaj znalazłem coś takiego
http://plugins.jquery.com/project/maphilight
już nie szukam rozwiązania, ale może się komuś przyda
;)
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj