Faire une fonction en jquery
dfinfo
-
dfinfo -
dfinfo -
Bonjour,
Je veux faire une fonction qui me permettra d'exécuter ce code css:
.cr-bgimg div span:nth-child(1),
.cr-bgimg div span:nth-child(2),
.cr-bgimg div span:nth-child(3),
.cr-bgimg div span:nth-child(4)
{
-webkit-transition: left 0.5s ease-in-out;
-moz-transition: left 0.5s ease-in-out;
-o-transition: left 0.5s ease-in-out;
-ms-transition: left 0.5s ease-in-out;
transition: left 0.5s ease-in-out;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
-ms-animation: none;
animation: none;
left: 0px;
z-index: 10;
}
merci d'avance pour votre aide :)
Je veux faire une fonction qui me permettra d'exécuter ce code css:
.cr-bgimg div span:nth-child(1),
.cr-bgimg div span:nth-child(2),
.cr-bgimg div span:nth-child(3),
.cr-bgimg div span:nth-child(4)
{
-webkit-transition: left 0.5s ease-in-out;
-moz-transition: left 0.5s ease-in-out;
-o-transition: left 0.5s ease-in-out;
-ms-transition: left 0.5s ease-in-out;
transition: left 0.5s ease-in-out;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
-ms-animation: none;
animation: none;
left: 0px;
z-index: 10;
}
merci d'avance pour votre aide :)
2 réponses
-
(function($) {
tafonction = function() {
// ton code
};
})(jQuery)
Si non tu passes par la création d'un plugin jquery qui est quasi similaire -
Merci pour la réponse. Oui je sais la structure de la fonction mais comment mettre ce code css en jquery ???
-
Pourquoi tu t'ennuies à vouloir injecter ce css via le js sachant que tu pourrais plutôt injecter une class qui sera la référence à ce css ? tout en sachant que ce type d'animation peut être réalisé en css vue que tu utilises justement les propriétés css animate.
https://jsfiddle.net/c3vsxgca/
mais là on ne sait pas quel est la structure de ton html, on ne sais pas sur quel évènement etc...
Tu as la fonction et son contenu à toi de te débrouiller maintenant. -
Oui, moi j'ai fait ça et le code ça marche voici le code :
.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg div span:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg div span:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg div span:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg div span:nth-child(4)
{
-webkit-transition: left 0.5s ease-in-out;
-moz-transition: left 0.5s ease-in-out;
-o-transition: left 0.5s ease-in-out;
-ms-transition: left 0.5s ease-in-out;
transition: left 0.5s ease-in-out;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
-ms-animation: none;
animation: none;
left: 0px;
z-index: 10;
}
mais maintenant je veux faire une fonction 'changepic()' qui permet à ce dernier de s'exécute automatiquement à l'aide de la fonction 'setInterval("changepic()",3000);'
c'est ça mon objectif et j'espère que ma demande est clair ;
merci -
Tu veux que ta liste de balise span s'effacent au fur et à mesure selon un setinterval ?
Car je pensais que tu voulais rajouter un écouter d'évènement sur chacune de tes balises span, d'où la boucle qui parcours chacune de tes balises et des noeuds du dom.
-
