11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'utilise le slideshow Galleria, pour afficher des photos et des miniatures.

J'ai modifier le script afin de créer un bouton qui ajoute la photo en cours dans une variable de session PHP.

jusque là tout va bien et je suis capable de savoir lorsque j'affiche une photo si celle-ci se trouve dans ma session ou pas.

Maintenant je souhaiterais appliquer une classe css sur les miniatures si celle-ci sont dans ma session et c'est ici que ça bloque.



Galleria.loadTheme('galleria/themes/classic/galleria.classic.js');
		
$("#gallery").galleria({
		width: 980,
                height: 500,
		debug: false,
		 
extend: function (options) {
        var gallery = this; 
        this.bind(Galleria.IMAGE, function (e) {
//recupération de l'id de la photo en cours d'affichage
            var current = gallery.getData(gallery.getIndex());
            var currImg = current.original;
            var altText = $(currImg).attr('id'); 
            console.log(altText, current.title);
			
//on envoie en post l'id de la photo en cours au script php qui s'occupe de verifier si ce //numéro est present dans la session
			$.post('find.php', {'id': altText}, function(data) {
			if (data == 'true'){
				$('#info').html('Cette photo est déjà dans la session !');
			}
			else {
				$('#info').html('cette photo n'est pas dans la session');
			}
			});

                 });
              }
        });



J'arrive à appliquer une classe css sur la miniature active :


$('.galleria-thumbnails .galleria-image.active').addClass('maClasseCSS');


Je cherche un moyen de parcourir l'ensemble des miniatures puis vérifier si elles sont contenus dans ma session et si c'est le cas, appliquer une classe css dessus.

J'ai essayé de créer un array de ma session via json_encode('') mais comment comparer le tableau de ma session avec celui des miniatures.

Merci de votre aide car je ne suis pas encore au point avec jQuery.