Jquery : Changement de logo à la div X
Résolu/Fermé
borg80
-
7 sept. 2016 à 00:06
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 7 sept. 2016 à 16:22
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 7 sept. 2016 à 16:22
A voir également:
- Jquery : Changement de logo à la div X
- JQuery non interprété - Forum Wordpress
- Jquery format date - Forum Webmastering
- Jquery animate toggle ✓ - Forum Javascript
- Probleme de cohabitation de jquery - Forum Javascript
- Drag & drop JQuery ✓ - Forum Javascript
3 réponses
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 7/09/2016 à 03:09
Modifié par animostab le 7/09/2016 à 03:09
Salut
si tu as ce code pour afficher l'image
et que ta div a bien l'id "sectra1_slidewebdesign"
Alors le code çi dessous va marcher
tu peux faire plusieurs var de positions avec offset().top suivant les differentes ID de section et dans la function $(window).scroll(function() faire des if pour chaque variable de positions avec if ((A<B) && (A>C)) {...}
voila
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
si tu as ce code pour afficher l'image
<img id ="logo" src="../imgs/logo/logo.png>
et que ta div a bien l'id "sectra1_slidewebdesign"
Alors le code çi dessous va marcher
$(document).ready(function() {
//defini la position y de la div sectra dans la variable postion
var position = $('#sectra1_slidewebdesign').offset().top;
$(window).scroll(function(){
//si le scroll est supérieur ou égal a position changement img
if ( $(window).scrollTop() >= position)
{
$('#logo').attr('src','../imgs/logo/logo.png')
}
//si le scroll est inférieur a position retour img de base
if ( $(window).scrollTop() < position)
{
$('#logo').attr('src','../imgs/logo/logo-01.png')
}
})
})
tu peux faire plusieurs var de positions avec offset().top suivant les differentes ID de section et dans la function $(window).scroll(function() faire des if pour chaque variable de positions avec if ((A<B) && (A>C)) {...}
voila
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
codeurh24
Messages postés
760
Date d'inscription
samedi 29 mars 2014
Statut
Membre
Dernière intervention
8 septembre 2018
123
7 sept. 2016 à 02:34
7 sept. 2016 à 02:34
Bonsoir.
Peux tu montrer le code source entier de la page ?
Si je comprend bien tu utilise des ancres dans ton menu,
et il y a quelque part lorsque tu scroll un logo qui te suit ?
Peux tu montrer le code source entier de la page ?
Si je comprend bien tu utilise des ancres dans ton menu,
et il y a quelque part lorsque tu scroll un logo qui te suit ?
@ animostab
Waaaaaaah ! C'était plutôt simple en fait.
En tout cas merci. Je comprend bien mieux maintenant. Il ne me reste plus qu'a me faire plaisir à présent.
Un très grand MERCI de ma part :)!
Waaaaaaah ! C'était plutôt simple en fait.
En tout cas merci. Je comprend bien mieux maintenant. Il ne me reste plus qu'a me faire plaisir à présent.
Un très grand MERCI de ma part :)!
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 7/09/2016 à 16:22
Modifié par animostab le 7/09/2016 à 16:22
pas de quoi en effet c'est simple, tu avais un peu tout mélangé dans ton code :) (var $nikka = .....) n'avait rien a faire la
