Affichage d'une image après "clique" sur une vignette sur une même page.

**gwelta** · 14/04/2009, 20h23

Bonjour,

Le principe est simple. J'ai un page avec à gauche les vignettes de mes images. Je veux lorsque l'on passe ou clique dessus afficher l'image normale sur la partie droite:

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<title>test</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
<body>
<?php
include "misc.php";
$rc=connect($connexion);
if( $rc==FALSE)
{
exit;
}
$valeurpage=$_GET["nompage"];
 
blablabla...
/* Recherche dans la base du "path" pour le page "nompage".

echo '<div id="img_fred"></div>';
echo '<div id="en_tete"><h1>Photographies</h1></div>';
echo '<div id="menu_images">';
echo '<div class="sous_menu">';

/* Toutes les vignettes existent dans "$d". */
 
$id_rep=opendir($d);
while($fichier=readdir($id_rep))
{
$extension=substr($fichier,-3);
if( $extension!="." && $extension!=".." && $extension!=".db")
{
 
/* Affichage des vignettes dans "sous_menu". Comment préciser/faire pour que le lien
affiche l'image reelle dans l'id "corps" ??? */
 
echo "<p><a href='affichagephoto.php?fichier=$e/$fichier'><img class='photo' src='$d/$fichier' border='8' alt='$fichier'></a></p>";
}
}
echo '</div>';
echo '</div>';
echo '<div id="corps">';
echo '</div>';
?>
<div id="pied_de_page">
 
</div>
</body>
</head>
</html>

En fait je découvre le JS. J'ai refait ma page avec des "id" Etc... Et je dois changer la facon d'afficher mes images maintenant.

MErci pour votre aide.

Cordialement

Frédéric

**emmanuel.remy** · 15/04/2009, 00h12

Tes photos taille réelle sont dans $e ?

ERE

**gwelta** · 15/04/2009, 07h28

Bonjour,

Oui elles sont en taille reelle. J'ai donc deux répertoires, 1 avec les vignettes et l'autre avec les photos normales. J'ai un espace/div "menu" et un espace "corps". Je lis les fichiers vignettes du répertoires et les affichent dans le div "menu'". Mon but est lorsque l'on clique sur une vignette que la photo normale s'affiche dans l'espace "corps".

Merci pour votre aide.

Cordialement

Frédéric

**gwelta** · 15/04/2009, 07h30

En fait cette page (la ou s'affichent les vignettes) est photo.php
Dans le code, je fais appel à une autre page. Mais je voudrai bien ne pas avoir à changer de page mais suite au clique, afficher l'image en taille réelle sur la même page dans la partie "corps".

Affichage d'une image après "clique" sur une vignette sur une même page.

JavaScript

Discussions similaires

Partager

Partager