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 :

effet sur image dans td background


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    118
    Détails du profil
    Informations personnelles :
    Localisation : France, Pyrénées Atlantiques (Aquitaine)

    Informations forums :
    Inscription : Juin 2004
    Messages : 118
    Par défaut effet sur image dans td background
    Bonjour,

    je ne sais pas si je suis dans le bon forum pour poser cette question, mais je tente ma chance.

    Voila, je cherche à faire des effets (opacité ou clignotement, ...) sur une image qui est en background d'un td.

    est-ce que qq'un pourrait m'aider?

    Merci beaucoup

  2. #2
    Membre éclairé Avatar de avogadro
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 412
    Par défaut
    pour la transparence, tu peux faire par un

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div class="tableau">
    ce que tu veux dedans
    </div>
    et en css:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    .tableau {
    	text-align:left;
    	padding:4px;
    	width: 90%; 
    	background-color: black; 
    	opacity:.50; 
    	color:white; 
    	filter: alpha(opacity=75); 
    	-moz-opacity: 0.5; 
    	border:1px solid black;
    }
    c'est à tenter ^^ (mais moi j'ai pas de js dedans hein)

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    118
    Détails du profil
    Informations personnelles :
    Localisation : France, Pyrénées Atlantiques (Aquitaine)

    Informations forums :
    Inscription : Juin 2004
    Messages : 118
    Par défaut
    en fait, ce que je souhaiterais, c'est une transparence qui change au cours du temps et en gardant le td et non un calque.

    C'est un effet qui interpelle sur cette image, donc qqch de dynamique...

  4. #4
    Expert confirmé

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Par défaut
    Citation Envoyé par prodi_64
    en fait, ce que je souhaiterais, c'est une transparence qui change au cours du temps et en gardant le td et non un calque.

    C'est un effet qui interpelle sur cette image, donc qqch de dynamique...
    Utilise le code précédent sur un td, en modifiant dynamiquement les regles CSS filter et -moz-opacity appliqué à cet élement....

Discussions similaires

  1. Faire un effet de "fondu" dans le background
    Par khazna dans le forum Qt
    Réponses: 1
    Dernier message: 01/03/2008, 17h54
  2. [HTML] Pb texte sur image dans ligne d'un tableau
    Par hellspawn_ludo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 22/12/2007, 02h11
  3. Image dans le background
    Par couetbis dans le forum Jasper
    Réponses: 3
    Dernier message: 26/11/2007, 09h56
  4. [VBA-E] Question sur image dans userform ?
    Par damsmut dans le forum Excel
    Réponses: 3
    Dernier message: 04/04/2007, 05h32
  5. effet sur image sous Firefox
    Par la.sophe dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 18/04/2006, 15h24

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