İmajdaki belli bir alanı highlight yapmaca

[Sypro]

farz edelim ki elimde içinde düzensiz şekillerin olduğu imajlar var ve imajlarla ilişkili isimler var. mesela şöyle bir imaj var:

altında da Windows MacOS ve Linux şeklinde linkler var. atıyorum Windows'a basınca sadece o kısmın renginin değişmesi, yanıp sönmesi falan gibi bir şey yapmaya çalışıyorum.

tabi aslında böyle yanyana ve oldukça ayrık 3 imaj değil biraz daha içiçe ve onlarca farklı imajdan bahsediyoruz.

http://raphaeljs.com/australia.html
bu örnekteki olayın tam tersi yani. imajdaki bir alanı seçince açıklama çıkması değil de şurdaki gibi
http://raphaeljs.com/world/
atıyorum new york'a basınca pin koymak yerine seçmesi gibi.

bilmiyorum anlatabildim mi derdimi. herhangi bir şey için değil bu arada, javascript ile tamamen deneysel uğraşırken kendime saçma bir problem çıkartmış oldum. şimdi de çözemiyorum diye deliriyorum.

SVG ile çalışmayı biraz denedim bu arada, vektörel grafikler hakkındaki bilgim birkaç cümleden fazla değil, o yüzden path nasıl çıkartılır falan en ufak bir fikrim yok.

[reyou]

sole bisiymi ariyosun

http://www.red-team-design.com/wp-content/uploads/2012/05/css-filter-effects-in-action-demo.html

[reyou]

su daha ii sanirim

http://webdesignerwall.com/demo/html5-grayscale/

[Sypro]

bunun gibi fakat farklı olarak birbirinden ayrı imajlar değil hepsinin tek bir imaj içinde olduğu ve imajın dışarısındaki bir şeye tıklanınca ilgili alanın aktif olduğu bir şey arıyorum.

örneği de yok ki "işte bu" diyebileyim.

gidip flash öğrencem en sonunda bunu başarabilmek için, acayip kafaya taktım.

// edit: derdim css ya da js ile tek bir imajın üzerine gelmek ve bişeyler yapmak değil, yanlış anlaşılmasın. öyle olsa onmouseover'a koyarım opacity geçerim ;)

[monoscope]

image maplerle istediğini yapabilirmisin ki acaba :S

[aquila]

disarda biseye tiklayinca imagein uzerinde belli bolgede o sekilde trasnparan bisey cikar.

[Sypro]

http://davidlynch.org/projects/maphilight/docs/demo_features.html

şöyle bir şey buldum, 3. linkteki gibi bir şey demek istediğim aşağı yukarı. ama daha düzensiz şeyler için işte yukardaki logolar falan gibi.

bakalım buradan yürüyebilirsem yürürüm, olmadı imajın ilgili yerlerine pin atar geçerim napayım artık. delirmekten iyidir. iki güzel şey öğrenelim dedik başımıza bela oldu resmen.

image map ile olabilir ama tek tek koordinat girmek fikri çok ürkütücü diye en sona saklıyorum onu xD


--

galiba daha yakın bir şey buldum: http://www.ianlunn.co.uk/demos/bbc-news-jquery-map/
tek gereken değişiklik hover yerine tıklayınca rengin değişmesi işte. haha burdan yürümek daha mantıklı olucak sanırım.

[Tcpip]

aklıma iki seçenek geliyor

1. canvas (html5)
2. div (z-index) onmouseover

hangisinden istersin?