Obtenir de l'Index de l'Élément Courant dans JCarousel
Je cherche à obtenir l'index de l'élément dans une JCarousel afin que je puisse afficher la position actuelle dans le Carrousel de l'utilisateur. Par exemple, '13/20'.
Comment puis-je faire cela?
EDIT:
Échantillon du produit final:
OriginalL'auteur Anthony Walsh | 2009-08-25
Vous devez vous connecter pour publier un commentaire.
Je pense que ce que vous cherchez est de carrousel.tout d'abord, qui vous donnera l'index du premier élément visible (il y a aussi carrousel.dernier pour afficher le dernier élément visible).
Voici un exemple d'utilisation, basé sur le simple carrousel exemple avec l'ajout du carrousel.la première variable et itemLoadCallback événement:
Désolé, je ne suis pas entièrement comprendre ce que vous dites? À l'aide de jcarousel est simple exemple, qui utilise trois images et défile horizontalement, de carrousel.la première sera de retour le plus à gauche de l'élément et le carrousel.dernier sera de retour le plus à droite de l'élément. Sur chaque pression sur les flèches gauche et droite pour effectuer la prochaine et opérations précédentes, la itemLoadCallback événement est déclenché en passant le carrousel de données vous permettant de vérifier les premier et dernier éléments. Et selon vous, les cours, vous pouvez afficher, si vous considérez le moyen d'être à jour, puis les utiliser pour déterminer l'indice moyen.
Merci... cela m'a bien aidé.
OriginalL'auteur HenryRat
Vous pouvez utiliser:
OriginalL'auteur patrick
Il ne semble pas aussi évident que je l'aurais espéré à partir d'un plugin jQuery pour être honnête.
Il y a deux rappels
itemVisibleInCallback
etitemVisibleOutCallback
, mais ils ne vous seront utiles si vous êtes seulement à l'affichage d'une image à la fois.Pour être honnête, autant que je déteste pour vous envoyer en bas d'une voie totalement différente, je vous recommande fortement de l'aide de l' cycle plugin pour carrousel de travail, car il permet beaucoup, beaucoup plus fine de personnalisation qu'aurais-je pu voir de mon coup d'oeil rapide à la jCarousel (désolé jCarousel auteur - le code lui-même est génial!).
OriginalL'auteur Steerpike
J'ai aussi trouvé que jCarousel retourne inutilisable .tout d'abord, .dernier, .prevFirst et .prevLast des propriétés à la fois que vous en avez besoin.
Par conséquent, j'ai dû le faire de la façon sale et a décidé d'écrire une fonction qui renvoie l'ID de celui balise li est actuellement le premier dans le conteneur, par la lecture qu'il soit ou non de gauche décalage est au-dessus de zéro. Si oui, et c'est le premier avec une au-dessus de zéro position de gauche, c'est mon diapositive en cours.
Le code suivant suppose que vous avez mis un id="listitem-N" dans la liste des balises dans votre foreach() en boucle, où N est l'itération en cours.
La raison pour laquelle je ne reviens pas les id dans le chacun() c'est parce que chacun() est une fonction et le retour, vous obtiendrez uniquement pour cette fonction, pas getCurrentCarouselItem().
OriginalL'auteur jorisw
Dépend de ce que vous voulez faire, mais ici est un plus "générique façon" de faire de même, plutôt que de vous renvoyer à l'objet lui-même et n'est pas id:
OriginalL'auteur poupougnac
J'ai trouvé cette méthode de soulignant la jcarousel contrôleur que peut contenir la réponse.
OriginalL'auteur jjclarkson
Vous pouvez brancher dans les " jcarousel:animer l'événement, et de saisir la diapositive en cours comme un Objet jQuery.
OriginalL'auteur Mark Williams
Si vous avez la pagination (balles)
vous pouvez simplement utiliser:
jcarousel est l'ajout de la classe "active" à l'actif d'une balle, si vous avez des numéros sur les balles que vous venez de récupérer .html() la méthode
Vous pouvez aussi vous tourner vers les entiers par parseInt:
OriginalL'auteur Jan Pi
Si les éléments dans votre carrousel peut être commandé à nouveau, le seul moyen que j'ai trouvé pour obtenir l'index de l'élément courant est:
Voici pourquoi.
Vous remarquerez que
this.id
de chaque élément dans le carrousel est quelque chose commeimage-1
où 1 est l'index de l'élément dans le manège avant que son ordre a été changé. Cet indice semble être ce qui est récupérable à l'aide de lajcarousel:animateend
de l'événement et de l'appel decarousel.index($(this).jcarousel('first'))
.Cependant, une fois que vous commencer à réorganiser les éléments dans le carrousel, que l'événement n'est plus utile, et le numéro de l'id est trompeuse. Donc, nous avons besoin d'utiliser la position de la
<li>
dans le<ul>
pour déterminer l'index de l'élément courant.OriginalL'auteur Daniel Flippance
Autre solution pour obtenir l'indice actuel de l'élément avec jquery...
OriginalL'auteur Ben
vous pouvez utiliser n'importe quel nombre d'attributs pour identifier les diapositives et les données à l'intérieur de
OriginalL'auteur Vladimir Miroshnichenko