High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Agrandir une image dans une même page HTML

Dernière réponse le 7 mar 2008 à 12:56:35 blandine favier, le 4 mar 2008 à 10:13:40 
 Signaler ce message aux modérateurs

Bonjour,

Voilà, je suis en train de créer un site Internet et dans l'une des pages j'aimerai présenter plusieurs petites images et lorsque l'on cliquerait sur l'une d'elles, elle pourrait s'agrandir...
Mais le truc c'est qu'il faudrait que cela se passe dans la même page HTML...

Genre :
en bas, de la page, j'ai un tableau avec toutes les vignettes et au-dessus, l'image agrandie lorsque je clique sur la vignette.

Si ça se trouve c'est pas compliqué, mais comme je débute, je ne suis pas très douée encore !!!
Merci d'avance de vos précieux conseils...

Bonne journée,
A bientôt

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « Agrandir une image dans une même page HTML » dans :
On peut cacher le code source d'une page HTML VoirMythe: On peut cacher le code source d'une page HTML. Réalité: FAUX. Explications: Pour pouvoir afficher une page web (HTML), le navigateur doit - à un moment où un autre - avoir le code HTML en clair. Il y a donc toujours moyen de le...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Structure d'un document HTML VoirNotion de document HTML Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle...
Posez votre question Répondre

1

Gihef, le 4 mar 2008 à 19:36:25

Bonjour,

Il existe des solutions en Javascript.
Vois ces quelques solutions.

On peut aussi “détourner” certaines fonctions des CSS.
Comme dans cette page.
Mais il vaut mieux éviter.

 --

   
Répondre à Gihef

2

blandine favier, le 4 mar 2008 à 19:47:30

Bonsoir,

Merci de ces petits tuyaux...!
J'espère que je vais m'en sortir !

Bonne soirée,
A bientôt

   
Répondre à blandine favier

3

 blandine favier, le 7 mar 2008 à 12:56:35
  • +1

Bonjour,
Voilà, je suis allée sur les pages que tu m'as donné, mais il y a un truc qui merde...
Lorsque je clique sur l'image que je souhaite agrandir, elle va s'ouvrir dans une nouvelles page ce que je ne voulais pas...
Pffffff... c'est pas simple !
Je t'envoie le script de ma page au cas où je n'aurais pas fait les choses correctement !

------------------------------------------------------------­------------------------------------------------------------­----------
<!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=iso-8859-1" />

<title>essai</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<style type="text/css">
body{
color: #080808;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
</style>

<link href="/Lightbox/css/lightboxd_vigier.css" rel="stylesheet" type="text/css" />
</head>

<body>

<a href="css/images/D01.jpg" rel="lightbox[roadtrip]"><img src="css/images/ex01.jpg" /></a>
<a href="css/images/D01.jpg" rel="lightbox[roadtrip]"><img src="css/images/ex01.jpg" /></a>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------------------------

voilà ! à bientôt
blandine

   
Répondre à blandine favier
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net