[RÉGLÉ] carouFredSel et mélange de diaporamas !

[messinmaisoui]

Bonjour à tous/toutes

Meilleurs voeux pour 2015

J'ai un soucis avec ce diaporama.

J'ai en fait 2 module-diaporamas de ce type dans une même position
avec 2 "Carousel ID" bien différents pointant sur des catégories différentes regroupant des articles/ images
ex : cat A => Article A1 contenant intro/Full image image A1, Article A2 contenant intro/Full image image A2
ex : cat B => Article B1 contenant intro/Full image image B1, Article B2 contenant intro/Full image image B2


Quand je clique sur une image ex : A1 celle-ci s'agrandit et des boutons < et > apparaissent
pour aller à d'autres images
Malheureusement de A1 on passe à A2 puis à ... B1, B2 ... bref les images des 2 catégories défilent

Est-ce que vous avez déjà rencontré ce type de problème avec carouFredSel
ex d'utilisation carouFredsel ici en Featured works:
http://www.templatemonster.com/demo/46374.html

Merci d'avance

Laurent

[messinmaisoui]

Re : carouFredSel et mélange de diaporamas !

Maintenant que j'y regarde de plus près le problème
cela serait plutôt lié à un appel d'un autre script "touch gallery" http://tutorialzine.com/2012/04/mobile-touch-gallery/

Note : en mettant les 2 diaporamas dans des positions différentes, il y a toujours mélange ...

[messinmaisoui]

Re : carouFredSel et mélange de diaporamas !

après avoir farfouillé dans le code et sur le net, j'ai finalement compris
que c'était bien une sorte de bug corrigé ainsi

Multiple Galleries

To show specific sets of pictures, add a "data-gallery" attribute to either:

Each of the anchor tags you want in that set, with a unique value.

<a href="image.jpg" data-gallery="hongkong" title="Lion Rock"></a>

Or:

Any ancestor containing the elements selected by the plugin. Note that this method takes priority if both are used on the same set.

<ul data-gallery="hongkong">
...
</ul>

Of course you can ignore all this and all selected elements will be displayed.

Il me reste à "adapter" le code ci-dessous pour restreindre le parcours des images à la catégorie
liée à l'imagette cliquée ... si quelqu'un a un moment pour m'indiquer si c'est possible
et comment réaliser ceci : Merci d'avance ...

Autre solution rajouter un attribut (ex : data-gallery="Cat A") pour chacune de mes images mais là je pense
que c'est une mauvaise idée ...

// Listening for clicks on the thumbnails
items.on('click', function(e){

e.preventDefault();

var $this = $(this),
galleryName,
selectorType,
$closestGallery = $this.parent().closest('[data-gallery]');

// Find gallery name and change items object to only have
// that gallery

//If gallery name given to each item
if ($this.attr('data-gallery')) {

galleryName = $this.attr('data-gallery');
selectorType = 'item';

//If gallery name given to some ancestor
} else if ($closestGallery.length) {

galleryName = $closestGallery.attr('data-gallery');
selectorType = 'ancestor';

}

//These statements kept seperate in case elements have data-gallery on both
//items and ancestor. Ancestor will always win because of above statments.
if (galleryName && selectorType == 'item') {

items = $('[data-gallery='+galleryName+']');

} else if (galleryName && selectorType == 'ancestor') {

//Filter to check if item has an ancestory with data-gallery attribute
items = items.filter(function(){

return $(this).parent().closest('[data-gallery]').length;

});

}

[messinmaisoui]

Re : carouFredSel et mélange de diaporamas !

J'ai contourné le problème mais je ne l'ai pas résolu, je ferme donc ce sujet qui va
rejoindre le paradis (ou l'enfer) des questions sans réponses ...