Nous connaissons tous le "bouton" sur une page Web. Vous cliquez sur un bouton et cela déclenche quelque chose.

Je me demande s'il est possible de faire quelque chose de similaire avec des tranches de tarte, où chaque tranche de tarte représente un bouton, et appuyer sur le bouton équivaudrait à appuyer sur @Html.ActionLink().

Je pourrais imaginer faire une carte d'image sur une image plate, et je peux suivre cette voie si je n'ai pas d'autres options, mais ce serait plus attrayant visuellement si les tranches de tarte peuvent réellement être enfoncées de la même manière qu'un bouton.

Une telle chose est-elle possible sur une page Web MVC?

Slices of pie

0
user4864716 31 déc. 2015 à 18:08

2 réponses

Meilleure réponse

Vous pouvez utiliser ImageMapster un plugin parfait pour des approches similaires. voici son référentiel

ImageMapster est un plugin jQuery qui vous permet d'activer des images cartographiques HTML sans utiliser Flash. Il fonctionne à peu près partout où Javascript fait, y compris les navigateurs modernes, Internet Explorer 6 et les appareils mobiles comme les iPad, les iPhones et les androïdes.

2
sm.abdullah 31 déc. 2015 à 15:23

Pour faire ce que vous voulez, vous pouvez combiner une carte-image avec une image distincte pour chaque état de la tarte". Vous affichez un état par défaut. Vous auriez besoin de créer une image pour chaque état déprimé (une pour chaque tranche de tarte). Chaque image montrerait la tarte entière avec un ou aucun élément déprimé.

Ensuite, le meilleur look serait probablement de les mettre dans une seule image et d'utiliser sprites CSS pour changer la position de l'image (qui contrôlera quelle image se trouve dans la fenêtre) en fonction de la section de carte d'image sur laquelle vous avez cliqué.

2
NightOwl888 31 déc. 2015 à 15:24