Forum Programmation.web Image intéractive

Posté par Barret Michel le 02/12/10 à 11:24.

-1

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 NeoX le 02/12/10 à 11:41. É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

Répondre
- [^] # Re: html et javascript, css et php
  
  Posté par Barret Michel le 02/12/10 à 11:57. É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 :)
  
  Répondre
  - [^] # Re: html et javascript, css et php
    
    Posté par NeoX le 02/12/10 à 12:06. É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
    
    Répondre
    - [^] # Re: html et javascript, css et php
      
      Posté par Barret Michel le 02/12/10 à 14:48. Évalué à 2.
      
      Oui sauf que je vais en ajouter une transparente au dessus qui auras la map car les zones ne sont pas rectangulaires.
      
      Répondre
      - [^] # Re: html et javascript, css et php
        
        Posté par jm trivial (page perso) le 02/12/10 à 19:04. Évalué à 2.
        
        Sinon tu te débrouilles pour qu'il n'y ait pas de chavauchements.
        Exemple :
        http://jmtrivial.info/
        
        Répondre
        
        [^] # Re: html et javascript, css et php
        
        Posté par stopspam le 02/12/10 à 20:00. Évalué à 4.
        
        potasse un peu la doc jquery. Ça se fait en quelques lignes avec un toggle et une petite requête get/post ajax-qui-va-bien vers ton script PHP.
        
        Répondre
        
        [^] # Re: html et javascript, css et php
        
        Posté par Barret Michel le 03/12/10 à 09:47. Évalué à 2.
        
        Merci, mais c'est pas du PHP derrière c'est du java. c'est tout à fait possible aussi avec des servlets pas de soucis
        
        Répondre

Envoyer un commentaire

Suivre le flux des commentaires

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