Lien image ouvrant d'autres images. Fermé

Question

Bonjour, J'aimerais pouvoir cliquer sur une image qui ouvrirait d'autres images dans la même page. Ces images serait généré aléatoirement. J'ai un semblant de code mais l'image aléatoire s'ouvre dans une autre page. Merci pour votre aide... Test

EDIT : Ajout du LANGAGE dans les balises de code pour avoir la coloration syntaxique Configuration: Windows / Chrome 66.0.3359.139

jordane45 · Answer

Bonjour, Je suppose que la page en question dans laquelle s'ouvre les images est : Crowing Dread.html Normal, vu que tu as placé un LIEN

Bikk · Answer

Je voudrais en faite sur une seule page, cliquer sur le dos d'une carte (image) qui me ferait apparaître le verso de cette carte sur la même page dans un cadre pourquoi pas. Il y aurait plusieurs cartes qu'on découvrirait aléatoirement à chaque clique sur le dos de la carte (comme une pioche de cartes). 
Merci beaucoup...

jordane45 · Answer

function getRandomInt(max) {
  return Math.floor(Math.random() * Math.floor(max));
}

//initialisation du jeu de cartes
var cartes = ['1.png','2.png','3.png'];
console.log(' Cartes dans le packet : ');
console.log(cartes);
//on prend une des cartes au hasard  cartes
function getCart(){
  var nbCartes = cartes.length; //nombre de cartes restantes
  if(nbCartes>0){
    //on tire une carte
    var numCarte = getRandomInt(nbCartes-1);
    console.log('numCarte : ' + numCarte);
    var c = cartes[numCarte];
    //on retire la carte tirée du packet
    cartes.splice(numCarte, 1);
    //on retourne la carte tirée
    return c;
  }else{
    alert("Il n'y a plus de cartes dans le paquet...");
  }
}

function retourneCarte(){
  
  //on récupère la carte à afficher
  var Carte = getCart();
  console.log(Carte);
  //Si il y a une carte ...on l'affiche
  if(typeof(Carte)!='undefined' && Carte!=null){
   document.getElementById('affichagecarte').src = Carte;
  }
}

</script>

Lien image ouvrant d'autres images.

3 réponses

Discussions similaires