|
| cameroondream |  Posté le 11/02/2006 @ 01:41 |
Petit astucien
95 Messages
| salut à tous!!
j'aimerais afficher une image avec une taille reduite avec un lien qui renvoi sur une autre de mon site, et aussi quant'on clique sur l'image elle s'agrandit.
voila le code que j'ai utilisé et avec les commentaires
<html>
<head> <title> test </title>
<A HREF="pagetes.htm#cv"> <-- lien d'ou pointe l'image --->
<IMG SRC="c:\stevesite\test\gent.jpg"ALT="cv" WIDTH=150 HEIGHT=85 ALIGN=middle> <-- image cliquable et renvoir vers la --> pagetest
</head>
<body>
<a href="c:\stevesite\test\eto.jpg ALT="test" WIDTH=452 HEIGHT=288 ALIGN=CENTER> <-- image à taille réell -->
<a href="c:\stevesite\test\eto.jpg ALT="test" WIDTH=120 HEIGHT=50 ALIGN=CENTER> <-- meme image à taille reduite-->
</body>
</html>
ya t_il une erreur sur le code ? ou l'operation que je desire effectuer n'est pas possible en html?
merci de m'aider ou de corriger mes erreurs!
|
| |
| |
| Publicité |
|
|
| Dreamer | Posté le 11/02/2006 à 07:36 |
Astucien
4286 Messages
| Salut
Il y a pas mal d'erreurs sur ton code ( \ au lieu de / , pas d'espaces avant alt , etc ).
Vas [url="http://www.editeurjavascript.com/scripts/scripts_images_1_65.php"]ici[/url] , il y a un petit programme simple pour mettre vignettes et images agrandies sur la même page .
A + |
| |
|
| cameroondream | Posté le 11/02/2006 à 10:33 |
Petit astucien
95 Messages
| merci !!
mais le lien ne marche pa!! |
| |
|
| Malcolm | Posté le 11/02/2006 à 11:06 |
 Astucien
7309 Messages
| |
| |
|
| Dreamer | Posté le 11/02/2006 à 19:20 |
Astucien
4286 Messages
| Salut [maitre]
[top] Malcolm
Je n'ai même pas vérifié , je mérite une mandale [rouleau]
A + |
| |
|
| ariko | Posté le 12/02/2006 à 10:05 |
Petit astucien
126 Messages
| J'ai peut-être lu un peu vite, mais s'il s'agit simplement de présenter des petites images sur ton site, et de permettre au visiteur de cliquer dessus pour les voir en grand format, c'est extrêmement simple ! Le schéma, en HTML est le suivant...
Supposons que tu as stocké toutes tes images dans un dossier appelé "pic", et qu'elles soient toutes en .jpg, le code est :
<a href="pic/grandeimage25.jpg" target="_blank"><img src="pic/petiteimage25.jpg"></a> .
Ceci offrira l'image N°25 à voir sur ton site, et quand les visiteurs cliqueront dessus, ils verront la même en grand dans une nouvelle fenêtre qu'ils pourront fermer afin de continuer leur visite.
Idéalement, pour être en conformité avec le W3C, il faut rajouter aux images l'attribut "alt".
Exemple :
<img src="image25.jpg" alt="pic25"> |
| |
|
| cameroondream | Posté le 12/02/2006 à 18:04 |
Petit astucien
95 Messages
| merci!! ariko
sa marche! Super!
j'ai cré une maquette de mon site , qqn connait un bon tuto qui parle de realisation de maquette de site en html ?
j'ai cherché sur papa google mais rien t'interessant!!
merci |
| |
|
| ariko | Posté le 12/02/2006 à 22:38 |
Petit astucien
126 Messages
| J'avoue ne poas comprendre ce que tu entends par "maquette"...???
J'ai oublié de te dire que tu peux évidemment remplacer l'adresse de ta grande image par celle d'une page de ton choix, mais tu l'auras sûrement compris :
<a href="page_de_mon_choix.htm"><img src="pic/image25.jpg"></a>
[hello] |
| |
|
| elle | Posté le 12/02/2006 à 23:13 |
 Maîtresse astucienne
15897 Messages
| |
| |
|
| ariko | Posté le 13/02/2006 à 02:26 |
Petit astucien
126 Messages
| Merci Elle! j'ai fait un petit tour sur tous ces bons vieux liens... Souvenirs, souvenirs...[smile] |
| |
|
| cameroondream | Posté le 14/02/2006 à 01:02 |
Petit astucien
95 Messages
| salut eriko!!
quand je parle de maquette du site : se sont les differentes partie et la presentation de la page d'accueil |
| |
|
| ariko | Posté le 14/02/2006 à 03:59 |
Petit astucien
126 Messages
| OK[smile] c'est un peu ce que je devinais.
Mais ce qui m'échappait, en fait, c'est ce besoin de se mouler... Pourquoi chercher des maquettes faites par d'autres alors que tu as la tienne ? C'est Elle qui m'a renvoyé là-dessus! Grâce à Elle, j'ai envie de te dire que tu n'as pas besoin de ça! |
| |
|
|
| Haut de la page |
afficher une image!
