Image slicen

[Scissor]

Voor een website zou ik graag een pizza hebben zoals de volgende afbeelding

http://i.imgur.com/xiOxL.png

Het zou de bedoeling zijn dat de 3 stukken apart geselecteerd kunnen worden en als je er op klikt dat dan de slice waar je op klikt een stukje naar boven komt. Nu is mijn vraag: Hoe doe ik dit het best?
3 aparte images? Maar dat wordt dan bijzonder moeilijk om goed te positioneren tov elkaar vermoed ik. Iemand enig idee?

[scipicore]

Zoals je zelf al aangeeft zal dit moeilijk gaan met de conventionele xHTML/CSS combo.
HTML5 (canvas) en CSS3/jQuery is de beste oplossing, eventueel voor oudere browsers flash gebruiken.

Google eens naar interactive pie charts html5 en je zal tonnen demo's vinden.

[Ciberth]

Zoek eens op image-map daar kan je perfect verschillende delen op geven.
Is alleen iets zwaarder voor server om verwerken en heb geen idee hoe animaties daarop werken.

Eerste gedacht is (zoals scipicore al zei) met een canvas en css3 en wat js of flash

[Scissor]

Denk inderdaad dat de canvasfunctie het handigste gaat zijn. 'k Geef een seintje als'k iets van resultaat heb. Alvast bedankt voor de reply's

[Scissor]

Heb de 3 afbeeldingen op het canvas gekregen adhv javascript. Probleem, mijn basiskennis Javascript is zeer beperkt en kan veel beter overweg met jQuery. Het selecten en doen bewegen van de afbeeldingen zou'k dus liever zelf schrijven in jQuery maar dunno of dat niet té messy gaat worden (canvas in javascript en dan de images op de canvas manipuleren dmv jQuery).

[adrianhates]

er zijn genoeg scriptjes die via jquery het gebruik van canvas vergemakkelijken.. Even google'n had je snel wijzer gemaakt

https://www.google.be/search?q=jquer...ient=firefox-a

misschien kan je daar wel iets handig van gebruiken! Succes ermee

[Scissor]

Heerlijk Straks meteen eens mee aan de slag, bedankt!