Image s'affiche plus grand dans même fenètre
Résolu
Manuel
-
kasuus -
kasuus -
Salut, voila j'ai un soucis j'ai deux blocs en css un qui me fait une petite presentation en miniature de mes images et un autre ou je voudrais que des qu'on clique sur une miniature celle ci s'affiche dans le bloc prevu a cette effets.
est-ce que c'est possible si oui comment ?
est-ce que c'est possible si oui comment ?
A voir également:
- Image s'affiche plus grand dans même fenètre
- Trier du plus petit au plus grand excel - Guide
- Image iso - Guide
- Fenetre windows - Guide
- Fenêtre hors écran windows 11 - Guide
- Photo insta en grand - Guide
8 réponses
<Script>
//maxi est le repertoire des images grands formats
//mini est le repertoire des images petits formats
function AfficheMaxi(a){
document.getElementById('ZonePrMaxi').innerHTML ="<img src='images/maxi/"+a+"' width=600 height=480>";}
</sctipt>
<table><tr><td>
< href="javascript:AfficheMaxi('photo1.jpg')"><img src='images/mini/photo1.jpg' width='100' height='80' border='0'>
< href="javascript:AfficheMaxi('photo2.jpg')"><img src='images/mini/photo2.jpg' width='100' height='80' border='0'><br><br>
< href="javascript:AfficheMaxi('photo3.jpg')"><img src='images/mini/photo3.jpg' width='100' height='80' border='0'>
< href="javascript:AfficheMaxi('photo4.jpg')"><img src='images/mini/photo4.jpg' width='100' height='80' border='0'><br><br>
</td><td id='ZonePrMaxi'></td></tr></table>
/// et à chaque fois qu'on clique sur une petite photos elle s'affiche en grand dans l'espace reservé à drte
//maxi est le repertoire des images grands formats
//mini est le repertoire des images petits formats
function AfficheMaxi(a){
document.getElementById('ZonePrMaxi').innerHTML ="<img src='images/maxi/"+a+"' width=600 height=480>";}
</sctipt>
<table><tr><td>
< href="javascript:AfficheMaxi('photo1.jpg')"><img src='images/mini/photo1.jpg' width='100' height='80' border='0'>
< href="javascript:AfficheMaxi('photo2.jpg')"><img src='images/mini/photo2.jpg' width='100' height='80' border='0'><br><br>
< href="javascript:AfficheMaxi('photo3.jpg')"><img src='images/mini/photo3.jpg' width='100' height='80' border='0'>
< href="javascript:AfficheMaxi('photo4.jpg')"><img src='images/mini/photo4.jpg' width='100' height='80' border='0'><br><br>
</td><td id='ZonePrMaxi'></td></tr></table>
/// et à chaque fois qu'on clique sur une petite photos elle s'affiche en grand dans l'espace reservé à drte
Bon voilà j'ai remanipuler un peu le code de wilsonlevrai pour un peu le nettoyer et arranger ça, tu peux télécharger les sources (avec des images exemple) et lancer test.html pour voir ce que ça donne :
SourcesGallerie
Sinon voici toujours la source :
SourcesGallerie
Sinon voici toujours la source :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test-this</title>
<script language="javascript" type="text/javascript">
//maxi est le repertoire des images grands formats
//mini est le repertoire des images petits formats
function AfficheMaxi(a)
{
document.getElementById('ZonePrMaxi').innerHTML ="<img src='images/maxi/"+a+"' width=600 height=480 />";
}
</script>
<style>
#img_menu img
{
border: 1px solid black;
margin-bottom: 5px;
margin-top: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td id="img_menu" style="vertical-align: top;">
<img src="images/mini/photo1.png" width="100" height="80" onclick="javascript:AfficheMaxi('photo1.png');" /><br />
<img src="images/mini/photo2.png" width="100" height="80" onclick="javascript:AfficheMaxi('photo2.png');" /><br />
<img src="images/mini/photo3.png" width="100" height="80" onclick="javascript:AfficheMaxi('photo3.png');" /><br />
<img src="images/mini/photo4.png" width="100" height="80" onclick="javascript:AfficheMaxi('photo4.png');" /></td>
<td id="ZonePrMaxi"></td>
</tr>
</table>
</body>
</html>
Avec plaisir, prends le fichier SourcesGallerie pour être sur que tout fonctionne chez toi ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Pour l'automatiser il va te falloir utiliser du PHP :)
Par exemple en PHP tu peux parcourir tout les fichiers du dossier images/mini et afficher tout ceux qui sont des images pour lesquels il existe une correspondance du même nom dans le dossier maxi.
Enfin il y a plein de possibilités à découvrir :)
Par exemple en PHP tu peux parcourir tout les fichiers du dossier images/mini et afficher tout ceux qui sont des images pour lesquels il existe une correspondance du même nom dans le dossier maxi.
Enfin il y a plein de possibilités à découvrir :)
je suis novice en ordinateur alors si quelqu'un pouvait m'aider. j'ai branché mon ordinateur sur la télé et depuis que je l'ai débranché tous s'affiche en grand (fond d'écran, icones, écriture et dans les fenetres internet tout et en grand aussi)merci beaucoup
Je suis novice en ordinateur alors si quelqu'un pouvait m'aider. j'ai branché mon ordinateur sur la télé et depuis que je l'ai débranché tous s'affiche en grand (fond d'écran, icones, écriture et dans les fenetres internet tout et en grand aussi)merci beaucoup