Forum Programmation.web Image intéractive

Posté par  .
Étiquettes : aucune
-1
2
déc.
2010
Bonjour,

Dans le cadre de mon travail j'aurais besoin d'utiliser une image interactive. Le principe est simple, je souhaiterais avoir une image d'un rond avec des zones à l’intérieur quand on clique sur l'une des zones celle-ci change de couleur et j'aurais besoin d'avoir un moyen de récupérer ce choix de l'utilisateur au niveau du serveur.

Contrainte très forte ce dois être compatible IE 7.
J'ai trouvé 2 solutions :
- flash NON
- svg ça ne tourne pas sur IE7 il faudrait que j'utilise VML mais cette solution ne me plaît pas

Je ne vois pas comment créer cette fonctionnalité, vous auriez une idée ?

  • # html et javascript, css et php

    Posté par  . Évalué à 3.

    ce n'est pourtant pas les solutions qui manquent...

    en html tu definis un image map (decoupage de ton image d'origine

    quand la personne cliques sur un bout de l'image, tu passes dans un script (javascript ou php ou autre) qui charge une autre page avec la version modifiée de ton image

    • [^] # Re: html et javascript, css et php

      Posté par  . Évalué à 2.

      J'ai 9 zones activable et désactivable indépendamment les une des autres ça me fait 2^9 images à avoir soit 512 images.

      Tu viens de me donner une idée, je prends deux images en PNG avec de la transparence (c'est supporté par IE7) par zone, je les positionne avec CSS et par dessus je met une image transparente avec un map.

      Je vais essayer ça merci :)

      Tous les contenus que j'écris ici sont sous licence CC0 (j'abandonne autant que possible mes droits d'auteur sur mes écrits)

      • [^] # Re: html et javascript, css et php

        Posté par  . Évalué à 4.

        simplifie toi le travail

        9 images, 2 etats => 18 images en tout

        ensuite tu positionnes tes images avec CSS pour en faire une image plus grande.

        et tu geres le changement d'etat dans ton programme

        • [^] # Re: html et javascript, css et php

          Posté par  . Évalué à 2.

          Oui sauf que je vais en ajouter une transparente au dessus qui auras la map car les zones ne sont pas rectangulaires.

          Tous les contenus que j'écris ici sont sous licence CC0 (j'abandonne autant que possible mes droits d'auteur sur mes écrits)

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.