Appeler une routine JS avec d'autres paramètres
Résolu/Fermé
Herve_be
Messages postés
1077
Date d'inscription
mercredi 4 août 2010
Statut
Membre
Dernière intervention
6 décembre 2024
-
Modifié le 8 sept. 2018 à 16:06
Herve_be Messages postés 1077 Date d'inscription mercredi 4 août 2010 Statut Membre Dernière intervention 6 décembre 2024 - 19 sept. 2018 à 09:13
Herve_be Messages postés 1077 Date d'inscription mercredi 4 août 2010 Statut Membre Dernière intervention 6 décembre 2024 - 19 sept. 2018 à 09:13
A voir également:
- Appeler une routine JS avec d'autres paramètres
- Appeler en privé - Guide
- Ouvrir paramètres - Guide
- Paramètres de confidentialité - Guide
- Paramètres dns - Guide
- Nommez une application d'appel vidéo ou de visioconférence - Guide
4 réponses
jordane45
Messages postés
38346
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 décembre 2024
4 718
8 sept. 2018 à 16:55
8 sept. 2018 à 16:55
Bonjour,
A part dupliquer ce code 3 fois... je ne vois pas (il n'est pas fait pour avoir plusieurs instances dans la même page).
Il faudrait le recoder différement....
Mais bon.. des plugins de slideshow.. il y en a des tonnes sur le net....
Autant te servir directement de ceux la
Par exemple :http://responsiveslides.com/
A part dupliquer ce code 3 fois... je ne vois pas (il n'est pas fait pour avoir plusieurs instances dans la même page).
Il faudrait le recoder différement....
Mais bon.. des plugins de slideshow.. il y en a des tonnes sur le net....
Autant te servir directement de ceux la
Par exemple :http://responsiveslides.com/
Herve_be
Messages postés
1077
Date d'inscription
mercredi 4 août 2010
Statut
Membre
Dernière intervention
6 décembre 2024
9
10 sept. 2018 à 14:16
10 sept. 2018 à 14:16
Merci mais j'ai adapté en changeant le nom des images mais il reste bloqué sur la première.
Pourrais-tu voir où est l'erreur ?
Pourrais-tu voir où est l'erreur ?
<head>
<script language="JavaScript">
var timeDelay = 3000;
var Pix1 = new Array
("Connexion1.jpg"
,"Connexion2.jpg"
,"Connexion3.jpg"
,"Connexion4.jpg"
,"Connexion5.jpg"
,"Connexion6.jpg"
);
var Pix2 = new Array
("Photom1.jpg"
,"Photom2.jpg"
,"Photom3.jpg"
,"Photom4.jpg"
,"Photom5.jpg"
,"Photom6.jpg"
,"Photom7.jpg"
,"Photom8.jpg"
);
var PicCurrentNum1 = 0;
var PicCurrentNum2 = 0;
function startPix(){
setInterval("slideshows()", timeDelay);
}
function slideshow(){
slideshow1();
slideshow2();
}
function slideshow1() {
var howMany = Pix1.length;
PicCurrentNum1++;
if (PicCurrentNum1 == howMany) {
PicCurrentNum1 = 0;
}
document["ChangingPix1"].src = Pix[PicCurrentNum1];
}
function slideshow2() {
var howMany = Pix2.length;
PicCurrentNum2++;
if (PicCurrentNum2 == howMany) {
PicCurrentNum2 = 0;
}
document["ChangingPix2"].src = Pix[PicCurrentNum2];
}
</script>
</head>
<body OnLoad="startPix()" background="../water.jpg">
...
<img name="ChangingPix1" src="Connexion1.jpg">
...
<img name="ChangingPix2" src="Photom1.jpg">
overcool
Messages postés
11
Date d'inscription
mardi 11 septembre 2018
Statut
Membre
Dernière intervention
24 octobre 2018
1
Modifié le 11 sept. 2018 à 01:42
Modifié le 11 sept. 2018 à 01:42
Salut Hervé ! Je tombe par hasard sur toi :) Comment tu vas ?
Ton erreur se situe dans le setInterval, tu as mi un S en trop, tu appel la function "slideshows()" au lieu de "slideshow()"
Une fois corrigé tu auras deux autres erreurs puisque "Pix" n"est pas défini
Tu dois donc utilisé Pix1[PicCurrentNum1] et Pix2[PicCurrentNum2]
Ton erreur se situe dans le setInterval, tu as mi un S en trop, tu appel la function "slideshows()" au lieu de "slideshow()"
Une fois corrigé tu auras deux autres erreurs puisque "Pix" n"est pas défini
Tu dois donc utilisé Pix1[PicCurrentNum1] et Pix2[PicCurrentNum2]
Herve_be
Messages postés
1077
Date d'inscription
mercredi 4 août 2010
Statut
Membre
Dernière intervention
6 décembre 2024
9
11 sept. 2018 à 10:14
11 sept. 2018 à 10:14
Bonjour et merci beaucoup, ça fonctionne.
Tu peux voir les 3 images qui bougent ici https://www.rudyv.be/Aquarium/RVRT/RVRTtest.php
là https://www.rudyv.be/Aquarium/RVRT/RVRTtest.php#7
et là https://www.rudyv.be/Aquarium/RVRT/RVRTtest.php#18
Problème résolu.
Tu peux voir les 3 images qui bougent ici https://www.rudyv.be/Aquarium/RVRT/RVRTtest.php
là https://www.rudyv.be/Aquarium/RVRT/RVRTtest.php#7
et là https://www.rudyv.be/Aquarium/RVRT/RVRTtest.php#18
Problème résolu.
Herve_be
Messages postés
1077
Date d'inscription
mercredi 4 août 2010
Statut
Membre
Dernière intervention
6 décembre 2024
9
>
mzilysufiane
11 sept. 2018 à 12:31
11 sept. 2018 à 12:31
.
Herve_be
Messages postés
1077
Date d'inscription
mercredi 4 août 2010
Statut
Membre
Dernière intervention
6 décembre 2024
9
12 sept. 2018 à 12:37
12 sept. 2018 à 12:37
Bonjour,
Je me demande s'il n'y a pas beaucoup plus simple qu'un script JS pour faire défiler les images :
utiliser un .gif animé comprenant les différentes images.
Quelle serait selon vous la solution la plus efficace ?
Je me demande s'il n'y a pas beaucoup plus simple qu'un script JS pour faire défiler les images :
utiliser un .gif animé comprenant les différentes images.
Quelle serait selon vous la solution la plus efficace ?
Herve_be
Messages postés
1077
Date d'inscription
mercredi 4 août 2010
Statut
Membre
Dernière intervention
6 décembre 2024
9
12 sept. 2018 à 16:14
12 sept. 2018 à 16:14
Exemple d'un gif animé
https://www.rudyv.be/Aquarium/RVRT/Pompes.gif
qui fait la même chose que le JS
https://www.rudyv.be/Aquarium/RVRT/RVRT.php#7
https://www.rudyv.be/Aquarium/RVRT/Pompes.gif
qui fait la même chose que le JS
https://www.rudyv.be/Aquarium/RVRT/RVRT.php#7
Salut ça dépends de ce que vous appelez simple.
Un GIF animé est une image. Il faudra la changer à chaque fois(en plus GIF c'est pourri comme qualité, mieux vaut utiliser PNG animé pour avoir une qualité moins naze) et ça oblige à tout charger pour ne montrer qu'une seule image à la fois, donc c'est du temps de chargement avant affichage en plus.
Cela revient aussi à devoir faire un gros boulot avec un éditeur graphique pour avoir les images qui défilent.
Quand il faudra changer une seule des images qui défile il faut simplement tout refaire.
Avec un slideshow il y a que les images à mettre et l'animation est géré par le programme donc un grand avantage puisqu'il n'y aura pas besoin d'avoir des images intermédiaires comme pour une seule image animé(en poids de chargement entre autre).
Et si on veut changer quelque chose il suffit de changer le nom du fichier dans le script et que celui ci soit sur le serveur. Donc non ce n'est pas du tout simple cela paraît seulement plus simple mais c'est beaucoup plus lourd, complexe et difficile (voire impossible) à maintenir sur la durée tout en étant un résultat de beaucoup moindre qualité.(sans compter qu'avec un défilement géré par le programme on peut faire autant d'effet visuel que l'on veux par le code et les varier à l'infini).
Un GIF animé est une image. Il faudra la changer à chaque fois(en plus GIF c'est pourri comme qualité, mieux vaut utiliser PNG animé pour avoir une qualité moins naze) et ça oblige à tout charger pour ne montrer qu'une seule image à la fois, donc c'est du temps de chargement avant affichage en plus.
Cela revient aussi à devoir faire un gros boulot avec un éditeur graphique pour avoir les images qui défilent.
Quand il faudra changer une seule des images qui défile il faut simplement tout refaire.
Avec un slideshow il y a que les images à mettre et l'animation est géré par le programme donc un grand avantage puisqu'il n'y aura pas besoin d'avoir des images intermédiaires comme pour une seule image animé(en poids de chargement entre autre).
Et si on veut changer quelque chose il suffit de changer le nom du fichier dans le script et que celui ci soit sur le serveur. Donc non ce n'est pas du tout simple cela paraît seulement plus simple mais c'est beaucoup plus lourd, complexe et difficile (voire impossible) à maintenir sur la durée tout en étant un résultat de beaucoup moindre qualité.(sans compter qu'avec un défilement géré par le programme on peut faire autant d'effet visuel que l'on veux par le code et les varier à l'infini).
Herve_be
Messages postés
1077
Date d'inscription
mercredi 4 août 2010
Statut
Membre
Dernière intervention
6 décembre 2024
9
19 sept. 2018 à 09:13
19 sept. 2018 à 09:13
Pour générer mon gif animé,
- j'utilise les mêmes images jpg que celles que j'utilise avec js : le travail est donc le même;
- ensuite JASC Animation Shop rassemble ces images et produit le gif, c'est très simple.
Chacune des 6 images constituant l'animation pèse 130k, le gif 139k.
Je constate que la qualité est la même comme tu peux le voir en essayant les 2 liens que j'ai donnés ci-dessus.
- j'utilise les mêmes images jpg que celles que j'utilise avec js : le travail est donc le même;
- ensuite JASC Animation Shop rassemble ces images et produit le gif, c'est très simple.
Chacune des 6 images constituant l'animation pèse 130k, le gif 139k.
Je constate que la qualité est la même comme tu peux le voir en essayant les 2 liens que j'ai donnés ci-dessus.
8 sept. 2018 à 17:03
Dupliquer une partie du script ne me dérange pas, par exemple pour définir un nouvel array pour chaque série d'images : que dupliquer exactement en changeant quoi ?
8 sept. 2018 à 20:25
si tu regardes bien les options
auto: true ... ça correspond à ce que tu veux non ??!
9 sept. 2018 à 09:49
Par contre il faut définir les images Ma question : je voudrais mettre 2 autres slideshow dans le même document : comment faire ?
Modifié le 9 sept. 2018 à 18:14
Si tu veux gérer les options différemment pour chaque slider, tu peux mettre un ID à tes UL et lorsque tu initialiseras le script tu pourras en générer en te basant sur ces id
et côté JS
NB: Pense bien, que pour ce script fonctionne, que tu dois charger jquery dans ta page (avant le script de slider).
Tu peux le télécharger ici
https://code.jquery.com/jquery-3.3.1.min.js ( à enregistrer sous : jquery.js et à inclure dans ta page )
Modifié le 10 sept. 2018 à 11:57
N'est-il pas plus simple de faire en sorte que le code que j'utilise puisse gérer plusieurs sets d'images ?