[CSS] PNG, transparantie, <a>/onclick

[gavro]

Ik ben al een tijdje aan het proberen, en ook al aan het zoeken geslagen, maar ik kom er niet helemaal uit.

Ik ontwikkel een aantal websites die ergens lokaal gedraaid gaan worden, en ik ontwikkel nu dus alleen voor 1 enkele browser: Opera (offtopic: waarom Opera vraag je? De sites worden 'mini-applicaties', waarbij ik veel met JS en SVG ga doen en Opera [9.5] heeft nu echt een van de betere [beste?] SVG implementaties).

Nu wil ik wat links neerzetten in de vorm van plaatjes, waarbij de transparante delen van de PNG plaatjes _niet_ klikbaar moeten zijn.... Ik krijg het maar niet voor elkaar. Is dit standaard niet mogelijk in Opera/Firefox? Kan je het wel op een of andere manier voor elkaar krijgen?

[r0bert]

Ik ben bang dat dit (klik) het "beste" is waar je op uit kan komen.

[gavro]

whoah.... areas maken van landen, ouch, das nog eens een tijdrovend klusje...

[siknu]

Met programma's zoals Dreamweaver kan je gewoon op het plaatje de area's met punten defineren op de WYSIWYG manier.

[TeeDee]

Nu je toch over SVG begint, kan je de maps niet op basis van SVG zelf maken? Ik bedoel, daar zijn punten / coördinaten etc. van op te vragen.

Bijvoorbeeld iets als: http://chris.vandenberghe.org/travel/ (volgens mij kan je daar zelfs het hele SVG gedeelte 'lenen'). Hier staat je hele map in SVG.

[ Voor 44% gewijzigd door TeeDee op 16-04-2008 21:35 ]

[Verwijderd]

met een xsl zou je denk ik svg wel kunnen transformeren naar een nette image map.

[gavro]

Heren (en dames?? sorry!) dank voor de reacties, SVG was zeker een goed idee, en daar ben ik ook mee aan de slag gegaan. Bij nader inzien is een xsl transformatie helemaal niet nodig, aangezien de graphics (wereldkaart met de landen die er toe doen los) nu aangeleverd zijn als AI. Een simpele export naar SVG en het het aanpassen van die SVG met wat styling en javascripts en alles is good to go!

muchos gracias!