<img src="/public/_skin/_local/img/logo.png" alt="Comment &Ccedil;a Marche - Informatique" />

wilsonlevrai, le 22 déc 2008 à 19:04:27

<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

Répondre à wilsonlevrai

Manuel, le 22 déc 2008 à 20:01:03

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, le 22 déc 2008 à 20:17:18

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, le 22 déc 2008 à 21:49:09

Une idée?

Manuel, le 23 déc 2008 à 00:07:18

S'il vous plait ? :)

scriptiz, le 23 déc 2008 à 01:26:37

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, le 23 déc 2008 à 01:49:38

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

scriptiz, le 23 déc 2008 à 03:01:43

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

Manuel001, le 23 déc 2008 à 11:27:57

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, le 23 déc 2008 à 13:01:30

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 ?

scriptiz, le 23 déc 2008 à 13:19:54

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, le 23 déc 2008 à 13:49:46

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

Manuel001, le 23 déc 2008 à 13:59:00

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, le 23 déc 2008 à 15:16:02

C'est possible a faire ou non ?

Manuel001, le 23 déc 2008 à 16:52:04

Up (desole... )

Manuel001, le 23 déc 2008 à 17:38:49

Resolu - resolu -resolu
desole et merci encore

lilli1, le 27 déc 2008 à 10:50:43

Bonjour, je veux savoir où avez_vous écrire ces code source ,j'ai pas compris votre question .expliquez_moi svp pour avoir une idée sur ce qui est écrit en haut

Répondre à lilli1

baboun62, le 4 avr 2009 à 15:57:37

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épondre à baboun62

baboun62, le 4 avr 2009 à 16:04:17

Répondre à baboun62

scriptiz, le 9 avr 2009 à 00:39:17

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.