Discussion :

[jexl]

Bonjour à tous,
j'récupéré et modifié easySlider qui est un plug pour jQuery qui permet de faire un Slider assez facilement.
J'ai tout parametrer, et tout caller au niveau CSS, ca marche impec.
Afin d'optimiser la mise à jour de ce slide, je souhaitais passer un tableau contenant des chaines de caractère, mais je n'y arrive pas.

Voici comment j'appelle mon script depuis mo html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$(document).ready(function(){ 
		$("#une").easySlider({
			auto: true,
			continuous: true,
			numeric: true
		});
	});

En plus de ces variables, qui sont déclarées dans easySlider, je voudrais en passer 3 supplémentaire sous forme d'un tableau comme celui-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var temp=['Données 1', 'Données 2', 'Données 3'];

Jusqu'ici je déclare de tableau dans ma page de script.

Merci pour votre aide.
Jexl

[Sourrisseau]

et ses plugins c'est qu'il y a une fonction qui surcharge les options. Et c'est bien entendu le cas dans le plugin easySlider. A la ligne 35, dans la version non compresse du plugin , tu as la liste des valeurs par défaut suivi de la fonction réalisant la surcharge : var options = $.extend(defaults, options);

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
		var defaults = {
			prevId: 		'prevBtn',
			prevText: 		'Previous',
			nextId: 		'nextBtn',	
			nextText: 		'Next',
			orientation:	'', //  'vertical' is optional;
			speed: 			800			
		}; 
 
		var options = $.extend(defaults, options);

Pour ce que tu es en train de faire modifie ton appel a easySlider de la manière suivante. Dans tes options tu passes une valeur en plus , a savoir ton tableau 'temp'.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
$("#slider").easySlider({
	auto: true,
	continuous: true,
	numeric: true,
	temp : ['Données 1', 'Données 2', 'Données 3']
});

Si tu souhaite utiliser les valeurs de ton tableau dans le plugin que tu as modifié , tu utilise la même notation que pour les autres options , à savoir :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
  if(options.temp[0]=='Données 1') alert('Vive jquery');

[jexl]

Super efficace, ca marche parfaitement.
Je ne comprends pas pourquoi je n'arrivais pas a passer des variables simples.
J'avais déjà essayé comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$(document).ready(function(){ 
            $("#une").easySlider({
                auto: true,
                continuous: true,
                numeric: true,
                data1: 'test'
            });
        });

Mais je n'arrivais pas a récupérer cette variable du coté js, surement un probleme de syntaxe.
Enfin, en tous les cas merci beaucoup pour ce coup de main.
A plus