jQuery Girl
  1. jQuery Girl
  3. Jquery image slideshow affichage aléatoire des images
Intereting Posts
Play Framework et demande jQuery Ajax avec des données en tant que tableau Jquery pour changer href jQuery UI: fond transparent? Div redimensionnable dans angular.js Déclarateur de membre de type anonyme non valide à l’aide de l’atsortingbut html data-url Champs de formulaire ASP.NET non envoyés par la poste de couleur Comment fournir des $ à des plugins jQuery externes et tiers dans Django admin Quelle est la meilleure méthode pour trouver un contrôle ASP.Net en utilisant jQuery? Ordre de queue prêt pour plusieurs documents jQuery Ajouter des valeurs pour sélectionner le champ dynamicment Comment obtenir la prochaine balise d’image après une balise dom spécifique, avec un frère ou une soeur? Android 2.3 Stock Browser: Inline-block n’étend pas sur l’événement “orientationchange” Pouvez-vous utiliser JavaScript pour détecter si un utilisateur a fermé un onglet de navigateur? fermé un navigateur? ou a laissé un navigateur? Créez un élément et ajoutez-y du contenu HTML avec jQuery jQuery, qu’est-ce qui est plus rapide: sélecteurs ou méthodes?

Jquery image slideshow affichage aléatoire des images

J’utilise un diaporama à partir du lien:

http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/easy_jquery_auto_image_rotator . J’ai besoin que la première image soit aussi aléatoire. J’avais donné la même classe pour tous les li comme ‘rand’. 

var curr=$('div.rotator ul li.rand'); var rc= Math.floor(Math.random() * curr.length); var current=$(curr[rc]);

Mais je suis coincé avec quoi faire next..plz help !!

Vous pouvez randomiser l’ordre de vos éléments LI à l’aide de cet impressionnant plugin JQuery shuffle de James Padolsey.

Je l’ai utilisé récemment sur un projet et cela a très bien fonctionné pour mes besoins.

De plus, la source est très facile à lire (donc plus facile à comprendre).

http://james.padolsey.com/javascript/shuffling-the-dom/

Pour utiliser cela dans le contexte d’un diaporama, vous pouvez utiliser le plugin JQuery Cycle de Mark Alsup. Mélangez d’abord le dom, puis lancez le diaporama:

Voici un autre plugin jQuery qui fait la même chose:

http://yelotofu.com/labs/jquery/snippets/shuffle/demo.html

Quitter la démo que vous avez donnée et que vous pouvez télécharger ici

http://www.alohatechsupport.net/downloads/image-rotator.zip

Assurez-vous de suivre ces instructions dans le code 

 //Un-comment the 3 lines below to get the images in random order var sibs = current.siblings(); var rndNum = Math.floor(Math.random() * sibs.length ); var next = $( sibs[ rndNum ] );

Et ci-dessous, votre section de document prêt ressemblera à ceci: 

 $(document).ready(function() { //Load the slideshow $('div.rotator ul').shuffle(); theRotator(); $('div.rotator').fadeIn(1000); $('div.rotator ul li').fadeIn(1000); // tweek for IE });

Le code que vous avez utilisé pour votre diaporama est trop. cela peut être fait beaucoup plus simplement. Voici un exemple de diaporama avec des images aléatoires: http://jsbin.com/iledo3/3

Le code collé ici pour référence: