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

  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