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 :

Ombrage + pixelate


Sujet :

JavaScript

  1. #1
    Membre régulier Avatar de hugo69
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    512
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 512
    Points : 122
    Points
    122
    Par défaut Ombrage + pixelate
    Bonjour j'ai un effet de pixellisation sur une serie dimage.

    Grace à ce code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    <SCRIPT LANGUAGE="JavaScript">
    /*
    SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
    */
    imgPath = new Array;
    SiClickGoTo = new Array;
    if (document.images)
    	{
    	i0 = new Image;
    	i0.src = 'Assets/Photos/etapA1.jpg';
    	SiClickGoTo[0] = "procedM.htm";
    	imgPath[0] = i0.src;
    	i1 = new Image;
    	i1.src = 'Assets/Photos/etapA2.jpg';
    	SiClickGoTo[1] = "procedM.htm";
    	imgPath[1] = i1.src;
    	i2 = new Image;
    	i2.src = 'Assets/Photos/etapA3.jpg';
    	SiClickGoTo[2] = "procedM.htm";
    	imgPath[2] = i2.src;
    	}
    a = 0;
    function ejs_img_fx(img)
    	{
    	if(img && img.filters && img.filters[0])
    		{
    		img.filters[0].apply();
    		img.filters[0].play();
    		}
    	}
     
    function StartAnim()
    	{
    	if (document.images)
    		{
    		document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="Assets/Photos/etapA1.jpg" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"  ></A>');
    		defilimg()
    		}
    	else
    		{
    		document.write('<A HREF="procedM.htm"><IMG SRC="Assets/Photos/etapA1.jpg" BORDER=0 ></A>')
    		}
    	}
    function ImgDest()
    	{
    	document.location.href = SiClickGoTo[a-1];
    	}
    function defilimg()
    	{
    	if (a == 3)
    		{
    		a = 0;
    		}
    	if (document.images)
    		{
    		ejs_img_fx(document.defil)
    		document.defil.src = imgPath[a];
    		tempo3 = setTimeout("defilimg()",3000);
    		a++;
    		}
    	}
    </SCRIPT>


    Je voudrais rajouter à cette serie de photo un ombrage grace à ce code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onload=this.style.filter="progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3)"
    Mais si je le rajoute ca m'enlève l'effet de pixellisation.

    Je n'y connais pas grand chose en javascript, jai essayé google mais je ne trouve pas de solution.

    MErci

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    ca me parait normal car l'objet auquel s'applique le filtre et l'image ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre chevronné Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Points : 1 967
    Points
    1 967
    Par défaut
    généralement 2 filtres ne se genre ne fonctionnent pas quand on les applique sur un même objet.
    De toutes façons, IE only, alors bon...

  4. #4
    Membre régulier Avatar de hugo69
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    512
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 512
    Points : 122
    Points
    122
    Par défaut
    il n'y pas donc pas de solution?

  5. #5
    Expert éminent Avatar de Mr N.
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    5 418
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 5 418
    Points : 6 449
    Points
    6 449
    Par défaut
    A part traiter ton image coté serveur... il n'y aura à mon avis pas de solution.

  6. #6
    Membre régulier Avatar de hugo69
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    512
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 512
    Points : 122
    Points
    122
    Par défaut
    OK Merci tout de même.

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    ou traiter ton image directement avec gimp ou photoshop ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. [TImage] Transfert de Picture par pixels.
    Par H2D dans le forum Langage
    Réponses: 9
    Dernier message: 25/10/2003, 14h37
  2. Afficher une buffer de pixel avec Direct3D
    Par Black_Daimond dans le forum DirectX
    Réponses: 4
    Dernier message: 27/12/2002, 22h18
  3. [Kylix] RGB d'un pixel
    Par Kusanagi dans le forum EDI
    Réponses: 1
    Dernier message: 13/11/2002, 20h33
  4. [VB6] [Graphisme] Transfert d'image pixel par pixel
    Par SpaceFrog dans le forum VB 6 et antérieur
    Réponses: 16
    Dernier message: 15/10/2002, 09h53
  5. Réponses: 2
    Dernier message: 30/05/2002, 10h19

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