Lien image ouvrant d'autres images.

Fermé

Bikk - Modifié le 29 avril 2018 à 20:04
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 - 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.
Image iso - Guide
Lien url - Guide
Verifier un lien - Guide
Acronis true image - Télécharger - Sauvegarde
Google recherche par image - Guide

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
29 avril 2018 à 20:06

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
1 mai 2018 à 10:51

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 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
1 mai 2018 à 11:18


<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

Retrouver l'image originale après avoir fait des modifications ?

"Aucune application permettant d'ouvrir cette URL"

Impossible d'ouvrir des liens via mon Samsung A71

lien copié

Rajout de lien sur plusieurs pages

Discussions similaires

Newsletters