Lien image ouvrant d'autres images.

Bikk -
jordane45 Messages postés 38484 Date d'inscription Statut Modérateur Dernière intervention - 1 mai 2018 à 11:18

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...

 <!DOCTYPE HTML>
<html>
  <head>
   <link rel="stylesheet" type="text/css" href="Style.css" />
   <title>Test</title>
  </head>
 <body background="Images SoB/12.jpg">
  <br>
  <div id="Crowing Dread">
  <a href="Crowing Dread.html">
  <img src="Images SoB/Crowing Dread.jpg" style="border-color:#000000" width="200" height="150" border="5" hspace="30">
  </a>

  <div align="center">
  <script LANGUAGE="JavaScript">
  <!--
  var n = parseInt(Math.random()*11);
  //avec Netscape, Math.random renvoie parfois NaN (Not a number)
  //le but de la boucle est de recommencer afin d'obtenir un nombre si n est ?al ?NaN
  while (isNaN(n)) {
  n = parseInt( Math.random() * 11)
  }

  document.write("<img src='Crowing Dread/b" + n + ".jpg' height=500 width=675 alt='Image al?toire'>");
  //-->
  </script>
  </div>
 </body>
</html>

EDIT : Ajout du LANGAGE dans les balises de code pour avoir la coloration syntaxique

A voir également:

Lien image ouvrant d'autres images.
Lien url - Guide
Créer un lien pour partager des photos - Guide
Image iso - Guide
Des images - Guide
Acronis true image - Télécharger - Sauvegarde

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38484 Date d'inscription Statut Modérateur Dernière intervention 4 751

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

<a href="Crowing Dread.html">
  <img src="Images SoB/Crowing Dread.jpg" style="border-color:#000000" width="200" height="150" border="5" hspace="30">
  </a>

Réponse 2 / 3

Bikk

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...

Réponse 3 / 3

jordane45 Messages postés 38484 Date d'inscription Statut Modérateur Dernière intervention 4 751


<img src="1.png" onclick="retourneCarte();"></img>

<img id="affichagecarte" src="" ></img>

<script type="text/javascript">

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>

Discussions similaires

Copier un lien instagram

PIX

Retrouver liens copiés sur le téléphone

Rajout de lien sur plusieurs pages

Votre réponse

Discussions similaires