Amélioration javascript : variable dans l'urlRésolu

Question

Bonjour à toutes et tous,


J'ai pu récupérer un petit script sur le net qui permet d'afficher des
images successivement l'une à la place de l'autre. Le souci c'est que
la définition de ces images se fait à la suite, de la façon suivante :

i0 = new Image;

i0.src = 'http://www.monsiteweb.fr/img_random/0.jpg';

SiClickGoTo[0] = "http://photos.monsiteweb.fr/";

imgPath[0] = i0.src;

i1 = new Image;

i1.src = 'http://www.monsiteweb.fr/img_random/1.jpg';

SiClickGoTo[1] = "http://photos.monsiteweb.fr/";

imgPath[1] = i1.src;


Ayant pas mal de connaissances en Java, je me suis aperçu que le
langage était ressemblant, et cela a été confirmé lorsque j'ai vu la
structure de la boucle "for" qui est identique. Du coup je souhaitais
améliorer ce script qui marche bien pour un petit nombre d'image, mais
qui devient vite lassant pour un grand nombre. Voici ce que j'ai pondu :

for (int i=0 ; i<=10 ; i++) {

   var test_src = "'http://www.monsiteweb.fr/img_random/" + i + ".jpg'"; 

   img = new Image;

   img.src = test_src;

   SiClickGoTo[i] = "http://photos.monsiteweb.fr/";

   imgPath[i] = img.src;

}


Mais ça marche pas ... snif !

Quelqu'un aurait une idée ?

cs_bultez · Accepted Answer

fallait lire : document.getElementById("aff"); var ind=-1; var max=9; affiche();

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

Bonjour,

ce que tu nous montres c'est un "préchargement" d'images
( pas vérifié d'ailleurs si ça baigne ou pas, mais surtout,
  ce n'est que mon avis, c'est totalement inutile, et même
  nuisible !)
par contre, l'affichage de ces images, on ne voit pas.
de deux choses l'une ( l'autre c'est le soleil comme dit monsieur Prévert )
soit tu nous montres comment tu affiches ( enfin, UN EXTRAIT, le
       nécessaire mais pas plus ! )
soit tu recherches dans le forum, les sources... ce qui cause de
      "diaporama" par exemple, foultitudes de réponses

<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

flocool · Answer

Pas de souci je peux montrer le bout qui affiche.
Comme je disais c'est un script que j'ai récupéré sur le net, donc il n'est pas de moi. Et puis les images sont miniscules (2ko chacunes) car ce sont des miniatures de 128*96px. Voici ce que ça donne actuellement (avec la déclaration des images une à une) :
www.flocool.fr

Sinon voici le bout de code :
if (version >= 3)
        {
        document.defil.src = imgPath[a];
        tempo3 = setTimeout("defilimg()",3000);
        a++;
        }
    }

flocool · Answer

Sachant que le début du script commence par ça :

imgPath = new Array;
SiClickGoTo = new Array;

cs_bultez · Answer

j'arrive pas à exécuter, "ça plante de partout" :
version, defil.src, defilimg()...tout ça ne plait pas à mes différents navigateurs
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

flocool · Answer

Voici le script entier (qui marche chez moi donc)

cs_bultez · Answer

ce que tu tentes, si je comprends bien, c'est afficher 0.png à 9.png
    automatiquement avec un ch'tiot temps d'attente entre chaque image ?

http://... si nécessaire !
il reste peut-être à attendre si l'image précédente est effectivement affichée ?
on en cause ici et là.

<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

flocool · Answer

Ah oui en effet ça marche pas mal ^^
Ben un grand merci alors, et c'est sûr que c'est beaucoup plus soft. J'avais peur que les images se chargent bizarrement (comme j'avais vu sur un autre script).

Par contre comment faire pour rajouter un lien unique en direction d'une page si on clique sur les photos ? (et de préférence avec border="0" pour plus d'esthétisme)

cs_bultez · Answer

[lien unique.??? Bul         []mon Site]     [M'écrire]

flocool · Answer

Ah ben oui j'avais oublié qu'il y avait la balise de l'image juste au-dessus ... autant pour moi, c'était plus que simple du coup !
"Lien unique" c'était bien dans le sens "une seule destination".

Juste une question technique : quelle est la différence entre la définition de la bordure avec border="0" ou style="border:0" (s'il y a une différence) ?
J'imagine que le 2e est utile si on a des CSS, ainsi on peut le définir dedans.
Pour ma part c'est un petit script qui est situé dans une page style "wordpress" comme tu as pu le voir d'ailleurs.

En tout cas merci encore !! Au moins j'ai juste un paramètre à changer si je veux rajouter des images.

cs_bultez · Answer

pas un spécialiste ( là non plus ! ) border c'est du html, style="border..." du css et plus "dans l'air l'air du temps"... aujourd'hui ! encore plus prisé si on utilise avec class="toto" avec .toto {...} ou même img {...}, et là sans class, directement, dans

flocool · Answer

Ben je m'y connaitrais vraiment en langage Javascript (qui doit pas etre plus compliqué que le java mais je n'ai aps spécialement le temps de m'y mettre), j'aurai pu écrire le script tout seul, mais là du coup j'ai cherché sur le net, donc on prend ce qu'on trouve ^^

Oki pour la réponse du "border". Il est vrai que les CSS c'est la mode en ce moment, et ça se comprend sans souci.
Encore une fois merci énormément !

cs_bultez · Answer

javascript ? c'est un langage. ni plus ni moins compliqué que les autres ( quoique... ;o) 
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

flocool · Answer

Oui je sais que c'est un langage, et étant donné que j'ai reconnu la même syntaxe que Java pour lequel on nous a un peu formé à mon école d'ingé, je pense que je m'y ferai sans trop de difficulté. Après c'est juste qu'il est appliqué à des choses bien précises, et c'est ce qu'il utilise que je ne connais pas forcément.

Amélioration javascript : variable dans l'url

14 réponses

Votre réponse

Discussions similaires