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

Mise en page CSS Discussion :

Images sombres en transparence


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de zool.bzh
    Homme Profil pro
    peintre industriel
    Inscrit en
    Octobre 2023
    Messages
    167
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : peintre industriel
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2023
    Messages : 167
    Par défaut Images sombres en transparence
    Bonjour
    j'ai des miniatures au clique elles affiche en grandes tailles.
    je voudrais mettre du noir opaque a 50% de transparence avec au survole de la souris en vrais couleur
    avez vous une idée ??

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Hello,

    Par exemple :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    .ta-classe {
        background-color: #000;
        opacity: .5;
     
        &:hover {
            opacity: 1;
        }
    }

  3. #3
    Membre confirmé Avatar de zool.bzh
    Homme Profil pro
    peintre industriel
    Inscrit en
    Octobre 2023
    Messages
    167
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : peintre industriel
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2023
    Messages : 167
    Par défaut
    Merci Bisûnûrs
    Mes images sont bien à 0.5 mais, au survole de la souris, ça reste à 0.5

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Sans ton code et ses spécificités on ne peut rien faire de plus. Merci de donner le strict minimum pour reproduire ton problème.

  5. #5
    Membre confirmé Avatar de zool.bzh
    Homme Profil pro
    peintre industriel
    Inscrit en
    Octobre 2023
    Messages
    167
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : peintre industriel
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2023
    Messages : 167
    Par défaut
    Pardon
    Voici les codes
    Code php : 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
    <div class="boxcenter ombre five">
    <?php
    $sql_end = 'SELECT height, width, name_tof, dos_tof FROM pictures WHERE dos_tof = :dos_tof AND height <= :sqlmaxheight AND height >= :sqlminheight AND width <= :sqlmaxwidth AND width >= :sqlminwidth';
    $sth_end = $pdo->prepare($sql_end); 
    $sth_end->execute(array('dos_tof' => $dos,
    								'sqlminheight' => $heightmin,
                                                                    'sqlmaxheight' => $heightmax,
                                                                    'sqlminwidth' => $widthmin,
                                                                    'sqlmaxwidth' => $widthmax
                                     ));								
    $done_end = $sth_end->fetchAll();
    $values = explode(' ', $_GET['pics']); 
     
    $s=1;
    foreach ($done_end as $tri_end) {
        $lot_1 = $values[1];
        $lot_3 = $values[3];
        $total[$s] = $tri_end[2];
        if ($s>=$lot_1 && $s<=$lot_3) {
           echo '<a href="/load.php?dos='.$dos.'&hmax='.$heightmax.'&hmin='.$heightmin.'&wmax='.$widthmax.'&wmin='.$widthmin.'&tof='.$s.'&pics=De '.$lot_1.' à '.$lot_3.'#1"><img src="/pics_min/'.$dos.'/'.$total[$s].'"/></a>';
    	}
        $s++;
    }
     
    ?>
    </div>
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    .ombre {
     
       opacity: 0.5;
     &: hover {
            opacity: 1;
        }

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Merci de donner le code généré par PHP.

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

Discussions similaires

  1. [image] Problème de transparence
    Par Cedrun dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 19/09/2006, 00h40
  2. [D5] Zoom d'image PNG avec transparence
    Par Thierry Laborde dans le forum Delphi
    Réponses: 9
    Dernier message: 12/06/2006, 15h41
  3. [FLASH MX2004] Les images avec fond transparent
    Par Garra dans le forum Flash
    Réponses: 5
    Dernier message: 24/03/2006, 18h19
  4. [Image]Gérer la transparence
    Par norwy dans le forum 2D
    Réponses: 6
    Dernier message: 14/10/2005, 14h30
  5. Image avec fond transparent
    Par Virgile59 dans le forum Access
    Réponses: 3
    Dernier message: 16/09/2005, 11h48

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