[PB] Galerie Photo

**Badaboumpanpan** · 29/06/2006, 16h52

Bonjour,

N'y connaissant pas grand chose pour le moment en JavaScript, j'ai voulu adapté mon javascript d'un tutoriel trouvé sur un autre site sur ma page PHP.

Voici un bref extrait :

Code :

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
<BODY>
<DIV>Menu</DIV>
<TABLE>
  <tr><td><div id='galerie'>
<?
OUVERTURE DE MA DB MYSQL;
requete=nomfichierphoto /4;

echo "<a href='chemin/".$row["nomfichierphoto"]."' title='".$row["titre"]."'><img src='chemin/".$row["nomfichierphoto"]."' alt='".$row["titre"]."'></a>";
?>
  </div></td></tr>
  <tr><td><div id='box'>
<?
echo "<h2>".$row["titre1"]."</h2><p><img id='img_orig' src='chemin/".$row["nom1erfichierphoto"]."' alt='".$row["titre1"]."' title='".$row["titre1"]."'></p>";
?>
</div></td></tr>
</TABLE>
</BODY>

Bon, en mieux, ya plein de truc zappé pcq trop long, et ca gère le lien vers les pages suivantes et précédentes.... Bref.

Du coup, ya plusieurs 'a' et j'ai fait comme suit :

Code :

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
function display_img()
 
{
	var bascule = document.getElementById('galerie');
	var links = bascule.getElementsByTagName('a');
	var big_photo = document.getElementById('img_orig'); 
	var titre_photo = document.getElementsByTagName('h2')[0];	
 
	for (var i = 0 ; i < links.length ; ++i) {
		links[ i ].onclick = function() {		
			big_photo.src = this.href;
			big_photo.alt = this.alt;
			big_photo.title = this.title;
			titre_photo.firstChild.nodeValue = this.title;
			return false;
		};
	}
}
 
window.onload = display_img;

Mais ca ne fonctionne pas...

Tout s'affiche comme y faut, les miniatures (comprise entre les balises <div id='galerie'>) s'affichent et le zoom dans <div id='box'> aussi.

Mais si je cliques sur une photo, je sors de la page et je vais sur : http://site/chemin/nomfichierphoto.

J'ai essayé plusieurs trucs sans trop savoir ce que je faisais, mais ca na rien donné...

Est-ce quelqu'un voit d'où vient mon problème ?

D'avance merci pour votre aide !!!!

**supermanu** · 29/06/2006, 17h31

As-tu un message d'erreur javascript ?
Avec quel navigateur travailles-tu ?
Peux tu poster le code source générer par ton code php ?

**Badaboumpanpan** · 29/06/2006, 17h44

Je n'ai aucun message d'erreur JavaScript ou tout autres, et je teste mon site avec IE, Firefox et Opera (sur les trois JS n'est pas bloqué).

Code :

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
51
52
53
54
55
56
57
58
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="fr">
<HEAD>
 
	<!-- meta -->
	<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="author" content="">
 
	<style type="text/css">
		a:link { color:#5A7CBA ; text-decoration:none ; }
		a:visited { color:#5A7CBA ; text-decoration:none ; }
		a:hover { color:#333333 ; text-decoration:none ; }
	</style>
 
	<!-- feuilles de style -->
	<link rel="stylesheet" type="text/css" href="script/php.css">
	<script type="text/javascript" src="script/galerie.js"></script>
 
	<title></title>
 
</HEAD>
 
<BODY>
 
<DIV id='menu'>
	<a id='acc' href="accueil.htm">Accueil</a>
	<div id='gal1-current'><a href="gal1.htm">Galerie1</a></div>
	<a id='gal2' href="gal2.htm">Galerie2</a>
	<a id='gal3' href="gal3.htm">Galerie3</a>
	<a id='lvo' href="livdor.htm">Livre d'Or</a>
</DIV>
 
<TABLE id='contenu' cellpadding="0" cellspacing="0" border="0">
	<tr><td>
		<div id='galerie'>
			<a href='chemin/phot001.png' title=''><img class=img src='chemin/miniatures/phot001.png' alt=''></a>
			<a href='chemin/phot002.png' title=''><img class=img src='chemin/miniatures/phot002.png' alt=''></a>
			<a href='chemin/phot003.png' title=''><img class=img src='chemin/miniatures/phot003.png' alt=''></a>
			<a href='chemin/phot004.png' title=''><img class=img src='chemin/miniatures/phot004.png' alt=''></a>
		</div>
	</td></tr>
	<tr><td>
		<hr>
		<div id='box'>
			<h2></h2>
			<p><img id='img_orig' src='chemin/phot001.png' alt='' title=''></p>
		</div>
		<hr>
		<div class=suiv align=right>
			<a class=sv href="phot.php?n=4">SUIVANT</a>
		</div>
	</td></tr>
</TABLE>
 
</BODY>
</HTML>

**supermanu** · 29/06/2006, 17h56

Sous firefox j'ai vu une erreur pour titre_photo.firstChild qui renvoi null. donc ça plante le reste du script.
J'ai mis quelquechose entre les balises <h2> et ça à l'air de passer...

Code :

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