[RESOLU] Help ! Régler l'opacité d'un bloc

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Help ! Régler l'opacité d'un bloc

Re: Help ! Régler l'opacité d'un bloc

par Marie Céline » 21 oct. 2013, 14:34

J'ai trouvé !

[javascript]

$(".post-box").bind("mouseenter", function() {
$(this).find("img").fedeOut(400);

});

$(".post-box").bind("mouseleave", function() {
$(this).find("img").fadeIn(400);
});[/javascript]

Voila pourquoi mon image disparaissait !
Merci pour votre aide.

Re: Help ! Régler l'opacité d'un bloc

par computarelier » 18 oct. 2013, 12:43

Salut,

Approfondis de ce côté : onload="thumb_img_onload(this)">
Va voir tes js :-)

Re: Help ! Régler l'opacité d'un bloc

par Marie Céline » 17 oct. 2013, 16:03

Bonjour,

Alors j'ai regardé 'insecter l'élement' et en faite, je vois l'opacité défiler lorsque je survole cette div :

Code : Tout sélectionner

[html]<div class="post-box-img"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"></a></div> [/html]
et ça me met cela
<img width="500" height="200" src="http://souvignet.site11.com/wp-content/uploads/2013/09/FABFRANCAISE31.jpg" class="attachment-500x200 wp-post-image" alt="FABRICATION FRANCAISE" style="position: absolute; left: -120px; top: 0px; visibility: visible; display: block;" onload="thumb_img_onload(this)">
et lorsque je survole le display devient 'none' et 'opacity' apparait.

et non css de 'post-box-img :
.post-box-img img {
width: auto;
min-width: 100%;
height: auto;
min-height: 180px;
cursor: default;

Aidez-moi....

Re: Help ! Régler l'opacité d'un bloc

par @rthur » 16 oct. 2013, 20:12

Modération :
Afin d'obtenir plus de réponses, le sujet a été déplacé dans un forum plus approprié.

Merci de prendre le temps de lire les règlements
ainsi que l'intitulé de chaque forum avant de poster un nouveau sujet.

Re: Help ! Régler l'opacité d'un bloc

par computarelier » 16 oct. 2013, 16:39

Salut,

Essaye d'aller voir du côté du JS/CSS. Fais un clic droit sur l'élément puis "inspecter l'élément" des fois où tu verrais quelque chose. Son tu verras un appel js ou tu verras la classe de l'élément et tu pourras aller modifier le css directement.

Help ! Régler l'opacité d'un bloc

par Marie Céline » 16 oct. 2013, 16:26

Bonjour,

Je reviens aujourd'hui avec un nouveau problème :
Je travail sur un thème wordpress dans lequel je procède à des modifications en tapant dans le code.
Mon souci : J'ai des images qui baisse progressivement en opacité jusqu'à disparaitre dès lors que ma souris passe dessus. Je voudrais baisser progressivement cette opacité mais pas jusqu'au point de voir disparaitre l'image. Voici le code :

Code : Tout sélectionner

<article id="post-12" <?php post_class('post-box'); ?>> <header class="entry-header"> <?php if ( 'post' == get_post_type() ) : ?> <?php endif; ?> <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'magazino' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2> </header><!-- .entry-header --> <div class="entry-content post_content"> <?php echo magazino_excerpt(12); ?> </div><!-- .entry-content --> <div class="go-button"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'magazino' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php _e('&#9654;', 'magazino'); ?></a></div> <?php if ( has_post_thumbnail()) : ?> <div class="post-box-img"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail( array( 500, 200 ), array( 'style' => 'position:absolute', 'onload' => 'thumb_img_onload(this)' ) ); ?></a></div> <?php else : ?> <?php $postimgs =& get_children( array( 'post_parent' => $post->ID, 'post_type' => 'attachment', 'post_mime_type' => 'image', 'orderby' => 'menu_order', 'order' => 'ASC' ) ); if ( !empty($postimgs) ) { $firstimg = array_shift( $postimgs ); $th_image = wp_get_attachment_image( $firstimg->ID, array( 500, 200 ), false, array( 'style' => 'position:absolute', 'onload' => 'thumb_img_onload(this)') ); ?> <div class="post-box-img"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php echo $th_image; ?></a></div> <?php } ?> <?php endif; ?> </article><!-- #post-<?php the_ID(); ?> -->

Je n'arriva pas a comprendre à quel moment cette fonctionnalité est indiquée, où quel fichier est appelé ?

Merci pour votre aide !