1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
| "use strict";
// 1- création des balises <div> et <img>
var le_div = document.createElement("div");
le_div.id = "centrage";
document.getElementsByTagName("body")[0].appendChild(le_div);
var la_img = document.createElement("img");
le_div.appendChild(la_img);
// 2- définition des variables (globales)
var img_rep = "images/";
var images = [
"3yEmUFm.gif",
"6uecfLq.gif",
"297G0Yv.gif",
"4003cn5.gif",
"doJRA0o.gif",
"ew96NXw.gif",
"GLGo5yp.gif",
"HfCURPU.gif",
"MHWLac7.gif",
"NW0mK39.gif",
"NYFd64r.gif",
"NzKeyiF.gif",
"uM4SUXw.gif",
"VlRvQl8700x224.gif",
"vvTgHde800x336.gif",
"wA908AV750x224.gif",
"WUTwNk9752x224.gif",
"ZvU6f2D640x416.gif",
"zwKZz3E640x368.gif"
];
// 3- affiche une image aléatoire
function affiche_random_image() {
var id = Math.floor(Math.random() * images.length);
la_img.src = img_rep + images[id];
la_img.alt = images[id];
}
// 4- On affiche une image aléatoire à l'ouverture de la page
window.onload = affiche_random_image;
// 5- on change d'image toutes les 3 secondes (A ADAPTER)
setInterval(function() {
affiche_random_image();
}, 3000); // 3 secondes (A ADAPTER) |
Partager