Lien image ouvrant d'autres images.
Bikk
-
jordane45 Messages postés 40050 Statut Modérateur -
jordane45 Messages postés 40050 Statut Modérateur -
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...
EDIT : Ajout du LANGAGE dans les balises de code pour avoir la coloration syntaxique
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
- Légender une image - Guide
3 réponses
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
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>
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...
Merci beaucoup...
<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>
