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 :

Faire un masque en javascript


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Profil pro
    Inscrit en
    Novembre 2002
    Messages
    220
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2002
    Messages : 220
    Par défaut Faire un masque en javascript
    bonjour,

    je cherche à faire ça : http://yayaexotique.oxatis.com/PBSCP...?ItmID=2802978 mais en javascript. Il y a déjà un exmple sur la page d'accueil: http://yayaexotique.oxatis.com/, mais le zoom me pose problème: j'aimerais qu'il soit rond (en forme de loupe!). En flash j'ai utilisé un masque mais en javascript, je bloque un peu, sauriez-vous m'aider?

  2. #2
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Salut,

    Un masque rectangle c'est faisable assez facilement:

    il faut deux images, l'originale et la grande. Tu place un div rectangle
    en position absolute qui suit la souris et tu affiche la grande image
    dedans en background. tu joue ensuite avec le background-position

    Un masque rond, c'est plus sportif:

    Même principe que le masque rectangle, mais tu dois venir placer
    des divs par dessus ton masque réctangle disposé dans les 4 angles
    de ton masque et eux il faut leur appliquer à chacun un background-image
    avec l'image original. En ajustant les background-position de chacun c'est faisable.

    Mais ça risque fort d'être moins fluide au niveau de l'affichage

  3. #3
    Membre très actif
    Profil pro
    Inscrit en
    Novembre 2002
    Messages
    220
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2002
    Messages : 220
    Par défaut
    bien pensé, je te tiens au courant, merci

    en fait c'est pas si simple, en flash, j'ai "émulé" un cercle par un polygone régulier à une centaine de cotés et flash s'ocuppe de remplacer ce qui a une couleur par une image et laisser transparent le reste.

    la solution que tu propose implique de faire en gros un div par pixel, et du coup c'est vraiment lourd

Discussions similaires

  1. [DOM] faire un "parcourir" en javascript (explorateur de fichier)
    Par loka dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 24/10/2007, 14h49
  2. Faire un "et" en javascript
    Par sisi37 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 17/10/2007, 21h26
  3. action php + faire disparaitre div en javascript
    Par Overstone dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 07/08/2007, 13h51
  4. Faire un masque avec l'opérateur &
    Par Patrick PETIT dans le forum Langage
    Réponses: 2
    Dernier message: 07/03/2007, 09h06
  5. [debutant] [PHP-JS] Comment faire appel a du javaScript dans du php
    Par Tempotpo dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 03/04/2006, 16h19

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