jQuery – ppSlide : un slider minimaliste

Voilà un slider réellement minimaliste. Il permet d’afficher une série de photos avec des effets et, éventuellement, un texte.

Il est tout petit puisqu’il tient dans 1.35Ko. Et il est très simple à installer.

Et il fonctionne sans problème sous IE6 et supérieur, Firefox, Safari, …

La démo

Télécharger le code (zip)

Paramètres

• delay : le temps de transition (en millisecondes. Défaut : 1500)
• pauseTime : le delay entre 2 photos (en millisecondes. Défaut : 5000)
• effectIn : le type d’effet pour afficher une photo (‘fade’, ‘slide’ ou ‘show’. Défaut : ‘fade’)
• effectOut : le type d’effet pour masquer une photo (‘fade’, ‘slide’ ou ‘show’. Défaut : ‘fade’)

Exemple :

$('#slider-wrapper').ppSlide({
	delay:1000,
	pauseTime:5000,
	effectOut:'fade',
	effectIn:'slide'
});

6 réponses à “jQuery – ppSlide : un slider minimaliste”

1. sebD dit :

   15 juin 2011 à 11 h 49 min

   Bonjour,

   Novice en js et jquery, je suis en train de décortiquer ppSlide pour en comprendre le fonctionnement. Est ce que tu aurais le code non optimisé dans un coin du web histoire d’avoir des noms de méthodes un peu plus parlants ?

   bonne journée

   Répondre
2. admin dit :

   15 juin 2011 à 11 h 54 min

   Je te fais parvenir ça par mail.

   Répondre
3. zaoui dit :

   6 juin 2012 à 11 h 26 min

   bonjour

   serait il possible d avoir la dernière version, celle que tu utilises sur ton site http://www.prelude.me/ avec les fleches. et par la meme occasion la derniere version de tous tes plug.

   merci d avance

   Répondre
4. Prélude dit :

   6 juin 2012 à 11 h 35 min

   Celui que j’utilise sur mon autre blog n’est pas celui-ci…
   C’est la dernière version qui est ici.
   J’ai mis à jour le plugin pp3Diso hier. Donc tout est à jour.

   Répondre
5. zaoui dit :

   6 juin 2012 à 11 h 51 min

   est il possible de l avoir ou pas ?

   merci pour pp3diso.

   merci d avance

   Répondre
6. Prélude dit :

   6 juin 2012 à 11 h 58 min

   Je ne sais plus lequel j’ai utilisé.
   Mais en faisant une simple recherche sur Google, je pense que tu trouveras ton bonheur. Par exemple, là, tu trouveras plus de 80 scripts de sliders : http://creativecan.com/2012/05/jquery-slider/

   Répondre