Diaporama JavaScript

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Diaporama JavaScript

Message par bertrand78 le Ven 16 Sep 2016 - 9:02

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://modelismenavalradioc.nouvellestar6.com/

Description du problème

Bonjour.

J'ai un diaporama sur mon forum dont les photos s'affichent de façon aléatoire.
Je souhaiterai que les photos défilent dans l'ordre.
Voici le script actuel:

$(function() {

var a =

["https://i57.servimg.com/u/f57/18/73/58/54/0111.jpg","https://i38.servimg.com/u/f38/15/65/84/19/01710.jpg","https://i57.servimg.com/u/f57/18/73/58/54/0211.jpg","https://i57.servimg.com/u/f57/18/73/58/54/0311.jpg","https://i57.servimg.com/u/f57/18/73/58/54/0410.jpg","https://i57.servimg.com/u/f57/18/73/58/54/0510.jpg","https://i57.servimg.com/u/f57/18/73/58/54/0610.jpg","https://i57.servimg.com/u/f57/18/73/58/54/0710.jpg","https://i57.servimg.com/u/f57/18/73/58/54/0810.jpg","https://i57.servimg.com/u/f57/18/73/58/54/0910.jpg","https://i57.servimg.com/u/f57/18/73/58/54/01010.jpg","https://i57.servimg.com/u/f57/18/73/58/54/01110.jpg","https://i57.servimg.com/u/f57/18/73/58/54/01210.jpg","https://i57.servimg.com/u/f57/18/73/58/54/01310.jpg","https://i57.servimg.com/u/f57/18/73/58/54/01410.jpg","https://i57.servimg.com/u/f57/18/73/58/54/01510.jpg","https://i57.servimg.com/u/f57/18/73/58/54/01610.jpg","https://i57.servimg.com/u/f57/18/73/58/54/01810.jpg","https://i57.servimg.com/u/f57/18/73/58/54/01910.jpg","https://i57.servimg.com/u/f57/18/73/58/54/02010.jpg","https://i57.servimg.com/u/f57/18/73/58/54/02110.jpg","https://i57.servimg.com/u/f57/18/73/58/54/02210.jpg","https://i57.servimg.com/u/f57/18/73/58/54/02310.jpg","https://i57.servimg.com/u/f57/18/73/58/54/02410.jpg","https://i57.servimg.com/u/f57/18/73/58/54/02510.jpg","https://i57.servimg.com/u/f57/18/73/58/54/02610.jpg","https://i58.servimg.com/u/f58/15/65/84/19/02710.jpg","https://i58.servimg.com/u/f58/15/65/84/19/02810.jpg","https://i58.servimg.com/u/f58/15/65/84/19/02910.jpg","https://i58.servimg.com/u/f58/15/65/84/19/03010.jpg","https://i58.servimg.com/u/f58/15/65/84/19/03110.jpg","https://i58.servimg.com/u/f58/15/65/84/19/03210.jpg","https://i58.servimg.com/u/f58/15/65/84/19/3310.jpg","https://i58.servimg.com/u/f58/15/65/84/19/3410.jpg","https://i18.servimg.com/u/f18/15/65/84/19/3510.jpg"];

b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,5*1000);

});

Ne connaissant strictement rien en programmation, qui aurait la gentillesse de me communiquer la modification à effectuer.

Cordialement.

Bertrand


Dernière édition par bertrand78 le Lun 19 Sep 2016 - 17:53, édité 1 fois

bertrand78
Nouveau membre

Messages : 6
Inscrit(e) le : 13/04/2014

http://modelismenavalradioc.nouvellestar6.com/
bertrand78 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama JavaScript

Message par MasDan le Dim 18 Sep 2016 - 23:11

Bonjour bertrand78,

Remplacer votre code par celui-ci
Code:
var a = ["http://i57.servimg.com/u/f57/18/73/58/54/0111.jpg","http://i38.servimg.com/u/f38/15/65/84/19/01710.jpg","http://i57.servimg.com/u/f57/18/73/58/54/0211.jpg","http://i57.servimg.com/u/f57/18/73/58/54/0311.jpg","http://i57.servimg.com/u/f57/18/73/58/54/0410.jpg","http://i57.servimg.com/u/f57/18/73/58/54/0510.jpg","http://i57.servimg.com/u/f57/18/73/58/54/0610.jpg","http://i57.servimg.com/u/f57/18/73/58/54/0710.jpg","http://i57.servimg.com/u/f57/18/73/58/54/0810.jpg","http://i57.servimg.com/u/f57/18/73/58/54/0910.jpg","http://i57.servimg.com/u/f57/18/73/58/54/01010.jpg","http://i57.servimg.com/u/f57/18/73/58/54/01110.jpg","http://i57.servimg.com/u/f57/18/73/58/54/01210.jpg","http://i57.servimg.com/u/f57/18/73/58/54/01310.jpg","http://i57.servimg.com/u/f57/18/73/58/54/01410.jpg","http://i57.servimg.com/u/f57/18/73/58/54/01510.jpg","http://i57.servimg.com/u/f57/18/73/58/54/01610.jpg","http://i57.servimg.com/u/f57/18/73/58/54/01810.jpg","http://i57.servimg.com/u/f57/18/73/58/54/01910.jpg","http://i57.servimg.com/u/f57/18/73/58/54/02010.jpg","http://i57.servimg.com/u/f57/18/73/58/54/02110.jpg","http://i57.servimg.com/u/f57/18/73/58/54/02210.jpg","http://i57.servimg.com/u/f57/18/73/58/54/02310.jpg","http://i57.servimg.com/u/f57/18/73/58/54/02410.jpg","http://i57.servimg.com/u/f57/18/73/58/54/02510.jpg","http://i57.servimg.com/u/f57/18/73/58/54/02610.jpg","http://i58.servimg.com/u/f58/15/65/84/19/02710.jpg","http://i58.servimg.com/u/f58/15/65/84/19/02810.jpg","http://i58.servimg.com/u/f58/15/65/84/19/02910.jpg","http://i58.servimg.com/u/f58/15/65/84/19/03010.jpg","http://i58.servimg.com/u/f58/15/65/84/19/03110.jpg","http://i58.servimg.com/u/f58/15/65/84/19/03210.jpg","http://i58.servimg.com/u/f58/15/65/84/19/3310.jpg","http://i58.servimg.com/u/f58/15/65/84/19/3410.jpg","http://i18.servimg.com/u/f18/15/65/84/19/3510.jpg"];
var imgInd = 0;
var imgMax = a.length;

$(function() {
  b=function(){if (imgInd == imgMax) imgInd = 0;$("#pun-logo img,#i_logo,#logo img").attr("src",a[imgInd++])};b();setInterval(b,5000);
});

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama JavaScript

Message par bertrand78 le Lun 19 Sep 2016 - 17:53

Bonjour MasDan.

Merci pour cette modification qui fonctionne comme je le souhaite.

Bien cordialement.

Bertrand

bertrand78
Nouveau membre

Messages : 6
Inscrit(e) le : 13/04/2014

http://modelismenavalradioc.nouvellestar6.com/
bertrand78 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum