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 ?

Image s'affiche plus grand dans même fenètre [Résolu]

Réponse 1 / 8

Manuel
22 déc. 2008 à 18:03

Quelqu'un pour m'aider ?

Réponse 2 / 8

wilsonlevrai Messages postés 6 Date d'inscription lundi 22 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008
22 déc. 2008 à 19:04

<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

Manuel
22 déc. 2008 à 20:01

Bonsoir merci beaucoup de ta réponse j'ai essaye mais je n'arrive pas a afficher les photos en grande, pourtant j'ai verifie et reverifie et tout a l'aire bon dans mon css
Comment savoir ?

Manuel > Manuel
22 déc. 2008 à 20:17

C'est bon cela s'affiche mais j'ai juste un probleme quand je clique sur ma miniature l'image s'ouvre bien dans le cadre prevu a cet effet mais le probleme c'est que mon bloc css ou se trouve les miniatures disparait ?
Comment resoudre ca s'il te plait ?

Manuel > Manuel
22 déc. 2008 à 21:49

Une idée?

Manuel > Manuel
23 déc. 2008 à 00:07

S'il vous plait ? :)

Réponse 3 / 8

scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 425
23 déc. 2008 à 01:26

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 :

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

Manuel
23 déc. 2008 à 01:49

Je vais essayer cela des demain matin :D
En tout cas merci de ton aide :)

Réponse 4 / 8

scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 425
23 déc. 2008 à 03:01

Avec plaisir, prends le fichier SourcesGallerie pour être sur que tout fonctionne chez toi ;)

Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008
23 déc. 2008 à 11:27

Alors j'ai essaye mais cela ne marche pas je t'ai envoye un exemple de ce que je veut faire j'espere que c'est possible :)

Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008 > Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008
23 déc. 2008 à 13:01

Ca y'est c'est bon le probleme est resolu :D
Merci beaucoup à vous deux :)

PS : Juste pour savoir sa ne serrait pas possible d'automatiser en quelque sorte le code ?

Réponse 5 / 8

scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 425
23 déc. 2008 à 13:19

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 :)

Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008
23 déc. 2008 à 13:49

Aïe j'ai deja du mal en html alors le php... ^^ ca serrait quand meme plus pratique d'automatiser tout ca :)

Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008 > Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008
23 déc. 2008 à 13:59

Ah par contre j'ai des images qui sont vraiment tres grandes comment je fait pour qu'elles prenent la taille du cadre ?
(j'ai des petites images aussi mais il faudrais qu'elles gardent leur tailles originales et pas qu'elles soient agrandies)

Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008 > Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008
23 déc. 2008 à 15:16

C'est possible a faire ou non ?

Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008 > Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008
23 déc. 2008 à 16:52

up (desole... )

Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008 > Manuel001 Messages postés 7 Date d'inscription mardi 23 décembre 2008 Statut Membre Dernière intervention 23 décembre 2008
23 déc. 2008 à 17:38

Resolu - resolu -resolu
desole et merci encore

Réponse 6 / 8

baboun62 Messages postés 4 Date d'inscription samedi 4 avril 2009 Statut Membre Dernière intervention 4 avril 2009
4 avril 2009 à 15:57

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

Réponse 7 / 8

baboun62 Messages postés 4 Date d'inscription samedi 4 avril 2009 Statut Membre Dernière intervention 4 avril 2009
4 avril 2009 à 16:04

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

scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 425
9 avril 2009 à 00:39

Tu ferais mieux de poster ailleurs, ici c'est le forum programmation et le sujet c'est tout autre chose.

Sinon pour régler ton problème, clique droit sur le bureau, puis Propriétés, dans le dernier onglet "Paramètres", tu peux changer la résolution.

Réponse 8 / 8

kasuus
24 mai 2010 à 19:16

Bonjour,
Je viens de voir votre code. (D'ailleurs je tiens a remercier le propriétaire) mais j'aimerai savoir comment faire pour retirer l'image en cliquant à coté de celle ci....

Merci à vous!

Image s'affiche plus grand dans même fenètre

8 réponses

Discussions similaires