18041 sujets

Questions générales et questions de débutants

Tutorial galerie photo

Pages :
Hello tout le monde

J'ai un problème je suis entrain de monter une galerie photo comme l'explique le tutorial mais tout ne fonctionne pas bien.. je m'explique cela m'ouvre l'image dans une autre fenêtre et en plus cela ne me prend pas le nom de la photo.. sniff sniff..

<div id="galerie">
	<ul id="galerie_mini">
		<li><a title="concert paris" href="image/big_pict/aujourdhui01.jpg" ><img src="image/galerie_mini/aujourdhui01.jpg" alt="Concert"width="55" height="89" /></a></li>
		<li><a href="image/big_pict/aujourdhui02.jpg" title="concert xoxoxox"><img src="image/galerie_mini/aujourdhui02.jpg" alt="Concert" width="55" height="89" /></a></li>
		<li><a href="image/big_pict/aujourdhui03.jpg" title="concert xoxoxox"><img src="image/galerie_mini/aujourdhui03.jpg" alt="Concert"width="55" height="89" /></a></li>
		<li><a href="image/big_pict/aujourdhui08.jpg" title="a paris"><img src="image/galerie_mini/aujourdhui08.jpg" alt="Concert" width="55" height="89"/></a></li>
		<li><a href="image/big_pict/aujourdhui10.jpg" title="a paris"><img src="image/galerie_mini/aujourdhui10.jpg" alt="paris"  width="55" height="89"/></a></li>
		<li><a href="image/big_pict/aujourdhui11.jpg" title="a paris"><img src="image/galerie_mini/aujourdhui11.jpg" alt="rien"width="55" height="89"/></a></li>
		<li><a href="image/big_pict/aujourdhui02.jpg" title="a paris"><img src="image/galerie_mini/aujourdhui02.jpg" alt="sait pas"  width="55" height="89"/></a></li>
		<li><a href="image/big_pict/aujourdhui01.jpg" title="a paris"><img src="image/galerie_mini/aujourdhui01.jpg" alt="pfff" width="55" height="89"/></a></li>
		<li><a href="image/big_pict/aujourdhui03.jpg" title="a paris"><img src="image/galerie_mini/aujourdhui03.jpg" alt="marrche pas" width="55" height="89" /></a></li>
        <li><a href="image/big_pict/aujourdhui03.jpg" title="a paris"><img src="image/galerie_mini/aujourdhui03.jpg" alt="ok9" width="55" height="89" /></a></li>
         <li><a href="image/big_pict/aujourdhui03.jpg"title="a paris"><img src="image/galerie_mini/aujourdhui03.jpg" alt="whunot9" width="55" height="89" /></a></li> 
	</ul>
	<dl id="photo">
		<dt>Titre de la photo 1</dt>
		<dd><img id="big_pict" alt="Photo 1 en taille normale"src="image/big_pict/aujourdhui01.jpg" width="350" height="350"/></dd>
	</dl>
</div>


Si quelqu'un voit une erreur Smiley eek
salut,

je re testais cette galerie que j'avais vu marché de mes yeux vu hein Smiley cligne

et paf voila que j'avais le même bug que toi Smiley biggol .

moment de perplexitude Smiley bawling

et puis j'ai vu trainé dans le bas de mon javascript

"Et voilà votre galerie fin prête à être visitée" texte qui suit le js et que d'un coup de copier/coller trop large j'avais pris en surplus.

une fois enlevé cela marche. meme avec ton code. avec les 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html>

<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="script.js" type="text/javascript"></script>
</head>
<body>


qui vont bien au debut bien sur. n'aurais tu pas fait une erreur semblable?
Modifié par CPascal (16 Feb 2008 - 00:11)
Et non ce n'est pas çà.. j'ai enlever et voilà.. etc mais cela ne marche toujours pas .. je retente un truc et si cela ne marche tjrs pas referai un help

Smiley langue
C'est bon j'ai trouvé.. il faut enlever le src="script.js" si celui ci est incorporé direct dans la page ... Smiley biggrin
J'ai essayé d'incorporer cette galerie sur mon site de campagne électoral. Le but, évidement est de faire un trombinoscope.
Le site est un blog fait sous dotclear
Je ne suis pas sur de l'endroit ou mettre les données.

J'ai un fichier "template.php" ou je met <script type="text/javascript" src="/script.js"></script> dans la partie <head>
Le HTML comportant les photos et les liens forme mon billet
Le fichier script "sript.js" est créé dans le même répertoire que template.php
Le style est incorporé dans ma feuille style.css

Le tableau s'affiche, avec toutes les "vignettes" et la photo 1 en gros en dessous, avec le bon titre, mais ... si je clique sur une vignette, ça m'ouvre une autre fenêtre pour l'afficher en grand.

Mon site est celui-ci : http://www.saint-brice-solidaire.fr mais je n'ai pas mis en ligne le résultat pour le moment décevant, je ne peut y mettre que ce qui fonctionne Smiley cligne

Ça vous parle ?
Modifié par Domlike (20 Feb 2008 - 10:35)
hello... en SRC : tu as mis le nouveau lien de ton fichier ou laisser le lien donner dans le tutoriel?? sinon il y a conflit c'est ce qui s'est passé pour moi.. perso si tu veux que la galerie marche bien garde plutôt le .Js mais bon je ne suis pas assez pro pour juger de la différence entre ton template.php et le .js
Domlike a écrit :
J'ai un fichier "template.php" ou je met <script type="text/javascript" src="/script.js"></script> dans la partie <head>

Le problème, c'est que tu indiques que script.js doit être trouvé à l'adresse http://www.monsite.com/script.js
Il faudra indiquer le chemin complet. Par exemple si le fichier est à:
http://www.monsite.com/dotclear/themes/default/script.js
il faudra indiquer:
<script type="text/javascript" src="/dotclear/themes/default/script.js"></script>
bonjour
j ai moi aussi essayé (suis en train d'ailleurs) d'intégrer la galerie javascript à une page de mon site.
mais je n'y arrive pas (je sais je suis une bille mais bon quand même)
j ai vérifié que je n'avais pas pris plus de lignes dans mon fichier script.js, c'est bon.
j'ai spécifié le chemin de ce fichier comme ceci : src = "http://monsite.com./repertoire de la page utilisant le script.js/script.js". (la page et le fichier .php se trouvent dans le même répertoire)
et donc les photos miniatures sur lesquelles on clique s'affichent dans une nouvelle fenêtre en grand.
Si quelqu'un avait une idée pour me faire avancer ce serait sympa parceque là je cale. Smiley bawling
merci de votre attention et de votre aide
Hello,

Tout comme moi à un moment donné tu dois avoir un doublon quelque part.. essaye d'enlever le lien que tu as mis sur le .js pour voir. tu as ecris le code dans le .js ou dans le head?
bonjour
j ai ecris le code dans le .js
en ecrivant le code dans le head cela ne fonctionne pas non plus
merci de ton aide
ps : peut etre qu une copie de mon code serait elle plus parlante?
oui mais le peut être qu'on verra mieux.. je sais que perso j'ai mis bien 1 jour et demi à trouver l'origine de mon bug
re
alors pour le code :
le .js :
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
var liens = photos.getElementsByTagName('a') ;
var big_photo = document.getElementById('big_pict') ;

for (var i = 0 ; i < liens.length ; ++i) {
liens.onclick = function() {
big_photo.src = this.href;
return false;
};
}
}
window.onload = displayPics;

le .php
head
<SCRIPT src="http://www.monsite.com/repertoirecontenant.phpet.js/script.js" type="text/javascript"></SCRIPT>

body
<!-- grande photo -->
<DIV id=galerie align=left height="375" width="610" border="0">
<DL id=photo height="375" width="500">
<?
$fic="DATA/".$row[0]."/Grand1.jpg";
echo "<dd><IMG id='big_pict' height=375 src=$fic width=500 border=0/></dd>";
?>
</DL>
<!-- petites photos -->
<UL id=galerie_mini height="375" width="100" border="0" align="center">
<!-- photo1 -->
<?
$fic="DATA/".$row[0]."/Mini1.jpg";
$ficG="DATA/".$row[0]."/Grand1.jpg";
echo "<li><a href=$ficG><img src=$fic /></a></li>";
?>
<!-- photo2 -->
<?
$fic="DATA/".$row[0]."/Mini2.jpg";
$ficG="DATA/".$row[0]."/Grand2.jpg";
if (file_exists($fic))
{
echo "<li><a href=$ficG><img src=$fic /></a></li>";
}
?>
<!-- photo3 -->
<?
$fic="DATA/".$row[0]."/Mini3.jpg";
$ficG="DATA/".$row[0]."/Grand3.jpg";
if (file_exists($fic))
{
echo "<li><a href=$ficG><img src=$fic /></a></li>";
}
?>
<!-- photo4 -->
<?
$fic="DATA/".$row[0]."/Mini4.jpg";
$ficG="DATA/".$row[0]."/Grand4.jpg";
if (file_exists($fic))
{
echo "<li><a href=$ficG><img src=$fic /></a></li>";
}
?>
</UL>
</DIV>
merci de ton aide
j'y suis depuis vendredi matin(pas que à ça car ça me broute) et il ne me reste que trois cheveux sur la tête
tiens, plus que deux!
Y a des sigles que je comprend pas, mais perso je ne connais le PHP donc cela doit etre normal.

essaye

<script type="text/javascript" src="http://www.monsite.com/repertoirecontenant.phpet.js/script.js "></script>
re
ça ne fonctionne pas même en mettant type avant src
je me demandais si ce script pouvait fonctionner avec des images issues d'une requete sql et affichées par le biais d'un script php
vu que le code est généré à l'ouverture de la page, est ce que la fonction reconnait les balises <a> qui ne sont visibles qu une fois la page et les photos affichées?
j ai vu sur un tuto que la fonction window.onload se declenchait une fois la page affichée mais qu'en est il vraiment?
parceque en fait l action de mes liens sur les photos n est pas inhibé, donc tout est comme si l appel à la fonction javascript n'était pas pris en compte
suis paumé
merci de ton aide ou de votre aide
re
un autre point : j utilise izispot qui demande de saisir un code selon les criteres particuliers au language web (w3c) mais lors de la validation des modifications apportées au code, j'ai l'impression qu il refait sa sauce lui même (par exemple des guillemets sautent <DIV id=galerie ali... a été saisi sous la forme <DIV id="galerie" ali...)
est ce que mon probleme sur la galerie ne pourrait pas venir de ce point?
je ne sais pas perso j'utilise Dreamweaver... et il est évident que si des signes se transforme cela ne va pas marché...
ayé trouvé (pas doué le garçon!)
j'avais essayé avec fichier .js et déclaration dans le head
ou differents url pour la src du fichier .js
ou écriture dans le head de la fonction javascript
ou changements divers dans les codes de ma page et du fichier .js
ou ecriture dans le debut du BODY de la fonction javascript
et ce qui marche :
<body>
<!-- code de la page puis -->
<SCRIPT language=JavaScript>
<!--
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
var liens = photos.getElementsByTagName('a') ;
var big_photo = document.getElementById('big_pict') ;
for (var i = 0 ; i < liens.length ; ++i) {
liens.onclick = function() {
big_photo.src = this.href;
return false;
};
}
}
window.onload = displayPics;
//-->
</SCRIPT>
</body>

merci ivanova pour ton aide et ta patience.
le fait de t exposer mon probleme a donné la solution.
un peu long à la détente mais trouvé! Smiley lol
merci de ton attention
cool.. ben c'etait en faite le même pble que moi .. enfin je sais pas .. bref perso j'avais enlever le .js et ecris le code direct dans head
Pages :
Sujet clos
Aller à