Jquery - aide pour page d'accueil complexe

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Jquery - aide pour page d'accueil complexe

nico2302

Salut,

Nous somme entrain de préparer un site d'archi pour présenter nos projets.

http://www.why-how-what.eu

J'ai cependant un petit problème sur la page de la liste des projets : http://www.why-how-what.eu/projects.html

Je voudrais que quand la souris rentre sur une div, celle-ci change d'opacité ainsi que ses deux voisines.

Le problème est que je n'arrive pas à adoucir cet effet quand la souris sort de la div. Si je défini la durée de l'effet dans jquery, un clignotement apparait quand je déplace la souris.

voici le code jquery pour une ligne de trois vignettes:

Citation :

$('#bwhy').hover(
function() {
$(this).stop().animate({"opacity": "0"}, 0);
},
function() {
$(this).stop().animate({"opacity": "1"}, 0);
});

$('#bwhy').hover(
function() {
$('#bhow').animate({"opacity": "0.5"}, 0);
},
function() {
$('#bhow').animate({"opacity": "1"}, 0);
});

$('#bwhy').hover(
function() {
$('#bwhat').animate({"opacity": "0.5"}, 0);
},
function() {
$('#bwhat').animate({"opacity": "1"}, 0);
});

$('#bhow').hover(
function() {
$(this).stop().animate({"opacity": "0"}, 0);
},
function() {
$(this).stop().animate({"opacity": "1"}, 0);
});

$('#bhow').hover(
function() {
$('#bwhy').animate({"opacity": "0.5"}, 0);
},
function() {
$('#bwhy').animate({"opacity": "1"}, 0);
});

$('#bhow').hover(
function() {
$('#bwhat').animate({"opacity": "0.5"}, 0);
},
function() {
$('#bwhat').animate({"opacity": "1"}, 0);
});

$('#bwhat').hover(
function() {
$(this).stop().animate({"opacity": "0"}, 0);
},
function() {
$(this).stop().animate({"opacity": "1"}, 0);
});

$('#bwhat').hover(
function() {
$('#bwhy').animate({"opacity": "0.5"}, 0);
},
function() {
$('#bwhy').animate({"opacity": "1"}, 0);
});

$('#bwhat').hover(
function() {
$('#bhow').animate({"opacity": "0.5"}, 0);
},
function() {
$('#bhow').animate({"opacity": "1"}, 0);
});

Merci d'avance pour votre aide !

Nico

Publicité

OrcusZ

Pro AMD | .Net lover

Salut,

Je pense que dois utiliser les function fadeIn et FadeOut pour effectuer des effets à l'entrer et à la sortie de ta div.

Ici pour ceux que tu souhaite faire tu doit faire

Code :

$('#bwhy').animate({"opacity": "0.5"}.fadeOut("slow" );

Tu peux mettre un temps en ms aussi.

PS : J'espère que ça pausera pas de problème avec animate

Message édité par OrcusZ le 02-06-2014 à 16:37:54

---------------
Made you your own sentence without believing that of the others...

FORUM HardWare.fr

Programmation

HTML/CSS

Jquery - aide pour page d'accueil complexe

Sujets relatifs
page jsp javabean	comment extraire une page de word, puis la sauvegarder par macro ?
Page html La poste.net	Jquery append() sur textarea
aide pour un projet en programmation c++	aide pour base de données python 2.7
Besoin d'aide pour mon programme javascript	question boucle if
j'ai besoin de votre aide	Mise en page CSS, histoire de bien démarrer
Plus de sujets relatifs à : Jquery - aide pour page d'accueil complexe

Page générée en 0.028 secondes