Faire une fonction en jquery

Fermé
dfinfo - 29 mars 2015 à 12:27
 dfinfo - 31 mars 2015 à 13:18
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 :)

2 réponses

theshadoo Messages postés 786 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 3 mai 2016 123
29 mars 2015 à 15:05
(function($) {

tafonction = function() {
// ton code
};

})(jQuery)


Si non tu passes par la création d'un plugin jquery qui est quasi similaire
0
Merci pour la réponse. Oui je sais la structure de la fonction mais comment mettre ce code css en jquery ???
0
theshadoo Messages postés 786 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 3 mai 2016 123
29 mars 2015 à 17:35
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.
0
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
0
theshadoo Messages postés 786 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 3 mai 2016 123
30 mars 2015 à 00:39
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.
0
dfinfo > theshadoo Messages postés 786 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 3 mai 2016
30 mars 2015 à 16:29
oui, c'est ça
0
dfinfo > dfinfo
31 mars 2015 à 13:18
Bonjour, j'attends encore la réponse s'il vous plait
0