IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Comment utiliser usemap sur une image png transparente


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 5
    Points : 6
    Points
    6
    Par défaut Comment utiliser usemap sur une image png transparente
    Bonjour,

    J'ai fait du mapping sur une image png à fond transparent.
    Sous firefox aucun probleme. Cependant, comme ie 6 ne gere pas les png transparent, j'ai mis en place un petit script javascript trouver sur le net (http://www.radium.fr/png.htm). Malheureusement ce script remplace mon image par une balise png avec en fond mon image. Du coup, impossible de mettre un mapping dessus !

    Quelqu'un saurait il comment combiner image png transparente et mapping sous ie (sans passer par gif si possible)

    Merci

  2. #2
    Futur Membre du Club
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 5
    Points : 6
    Points
    6
    Par défaut
    J'ai trouver une parade sous ie mais qui ne fonctionne pas sous firefox:

    <img src="transparent.gif" id='logo' border="0" usemap="#map" class='logo' style="width:770px;height:295px;display:inline-block;;filter:progidXImageTransform.Microsoft.AlphaImageLoader(src='test.png',sizingMethod='scale');"/>

    IE affiche l'image transparent.gif avec le mapping et en fond l'image test.png: resultat l'illusion est totale !

    Il suffit donc de reprendre la fonction javascript de changer les spans en img et de rajouter src="transparent.gif" border="0" usemap="#map" !

    et le tour est joué ! on manipule une image dans firefox et ie !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Opacité croissante sur une image png
    Par psgman113 dans le forum ActionScript 3
    Réponses: 1
    Dernier message: 24/04/2010, 19h11
  2. Réponses: 6
    Dernier message: 15/11/2007, 12h31
  3. Emplacement des antennes sur une image PNG
    Par ferraoun dans le forum Traitement d'images
    Réponses: 5
    Dernier message: 05/06/2007, 17h27
  4. Réponses: 1
    Dernier message: 27/03/2007, 14h07
  5. Réponses: 7
    Dernier message: 18/04/2006, 17h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo