Archief - Image slicen

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
S

Scissor

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

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?
s

scipicore

Legacy Member
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.
C

Ciberth

Legacy Member
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
S

Scissor

Legacy Member
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
S

Scissor

Legacy Member
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).
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan