[PB] Galerie Photo

Version imprimable

[PB] Galerie Photo

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:

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:

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... :cry:
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 !!!!

29/06/2006, 17h31
supermanu

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 ?

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:

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>

29/06/2006, 17h56
supermanu

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:

<h2>test</h2>
29/06/2006, 18h02
Badaboumpanpan

YOUPI !!!!

T'ES TROP UN BOSS !!!! :mrgreen:

Mais comment tu as eu l'erreur ?
29/06/2006, 18h06
supermanu

lol ! merci du compliment !
en fait dans firefox, tu vas dans Outils/Console Javascript et il affiche les erreurs javascript et la ligne ;)
Très utile !!!
29/06/2006, 18h24
supermanu

N'oublie pas le tag résolu si ton problème est définitivement réglé !