Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
| info:js:slidesjs [2013/04/26 10:01] – radeff | info:js:slidesjs [2019/05/06 13:31] (Version actuelle) – [Uploder les photos] radeff | ||
|---|---|---|---|
| Ligne 47: | Ligne 47: | ||
| </ | </ | ||
| + | ===== Outil ===== | ||
| + | |||
| + | http:// | ||
| + | |||
| + | ===== Télécharger ===== | ||
| + | |||
| + | |||
| + | l' | ||
| + | |||
| + | ===== Installer ===== | ||
| + | |||
| + | |||
| + | le script jquery.slides.js sur votre serveur ou utiliser la version de l'uni: http:// | ||
| + | |||
| + | ===== Uploader les photos ===== | ||
| + | |||
| + | |||
| + | Mettez vos photos dans un répertoire créé par vos soins et lister les noms de fichier, exemple: | ||
| + | |||
| + | url= http:// | ||
| + | |||
| + | < | ||
| + | polar1.jpg | ||
| + | polarcanard-siffleur.jpg | ||
| + | polarCrumley1cadence.jpg | ||
| + | polarCrumleyBanditCochon.jpg | ||
| + | polarCrumleyContreeFinale.jpg | ||
| + | polar_crumley_danse_ours.jpg | ||
| + | polarCrumley.jpg | ||
| + | polarCrumleyPutes.jpg | ||
| + | polarCrumleyTirAuPigeon.jpg | ||
| + | polardancingbear.jpg | ||
| + | polardernier-baiser.jpg | ||
| + | polarDetectiveNovel1.jpg | ||
| + | polarDetectiveNovel.jpg | ||
| + | polarfausse-piste.jpg | ||
| + | polar.jpg | ||
| + | polarMasque.jpg | ||
| + | </ | ||
| + | |||
| + | ===== Script ===== | ||
| + | |||
| + | |||
| + | < | ||
| + | <script src=" | ||
| + | <script src="/ | ||
| + | < | ||
| + | < | ||
| + | $(function() { | ||
| + | $('# | ||
| + | width: 250, | ||
| + | height: 250, | ||
| + | play: { | ||
| + | active: true, | ||
| + | auto: true, | ||
| + | interval: 4000, | ||
| + | swap: true, | ||
| + | pauseOnHover: | ||
| + | restartDelay: | ||
| + | }, | ||
| + | pagination: false | ||
| + | |||
| + | }); | ||
| + | }); | ||
| + | </ | ||
| + | <!-- End SlidesJS Required --> | ||
| + | <div id=" | ||
| + | |||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | |||
| + | </ | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | ===== Résultat ===== | ||
| + | |||
| + | < | ||
| + | <script src=" | ||
| + | <script src="/ | ||
| + | < | ||
| + | < | ||
| + | $(function() { | ||
| + | $('# | ||
| + | width: 50, | ||
| + | height: 50, | ||
| + | play: { | ||
| + | active: true, | ||
| + | auto: true, | ||
| + | interval: 4000, | ||
| + | swap: true, | ||
| + | pauseOnHover: | ||
| + | restartDelay: | ||
| + | }, | ||
| + | pagination: false | ||
| + | |||
| + | }); | ||
| + | }); | ||
| + | </ | ||
| + | <!-- End SlidesJS Required --> | ||
| + | <div id=" | ||
| + | |||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | <img alt=" | ||
| + | |||
| + | </ | ||
| + | < | ||
| + | </ | ||
| + | ====== Script automatique ====== | ||
| + | Vous pouvez utiliser le lien suivant pour générer automatiquement le code à intégrer | ||
| + | |||
| + | http:// | ||