Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Liens contextuels :

Forum Alsacréations : CSS et Standards Web · Salon spécifique aux Tutoriels et articles Alsacréations · Tutorial galerie photo
Rechercher dans le sujet :
Auteur Pages : [>]
ivanova
# 15 Feb 2008 - 18:45:54
Citer
13 Posts
 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 eek

^
CPascal
# 16 Feb 2008 - 00:11:24
Citer
ca represente ... ... rien
745 Posts
 salut,

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

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

moment de perplexitude 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)
je m'en vais resoudre ce sacré schimliblibli .... schimilili... schmilbl.. hic.
^
ivanova
# 18 Feb 2008 - 10:56:54
Citer
13 Posts
 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

langue

^
ivanova
# 18 Feb 2008 - 11:09:13
Citer
13 Posts
 C'est bon j'ai trouvé.. il faut enlever le src="script.js" si celui ci est incorporé direct dans la page ... biggrin

^
Domlike
# 20 Feb 2008 - 03:07:19
Citer
2 Posts
 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 cligne

Ça vous parle ?
Modifié par Domlike (20 Feb 2008 - 10:35)
http://www.saint-brice-solidaire.fr 
^
ivanova
# 20 Feb 2008 - 10:28:58
Citer
13 Posts
 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
^
Florent V.
# 20 Feb 2008 - 11:06:33
Citer
On va manger des chips.
Modérateur
11423 Posts
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>

Ressources en intégration web (HTML et CSS)
http://www.covertprestige.net 
^
Domlike
# 20 Feb 2008 - 12:14:52
Citer
2 Posts
 Un grand MERCI smile

http://www.saint-brice-solidaire.fr 
^
lachouke
# 25 Feb 2008 - 11:11:14
Citer
7 Posts
 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. bawling
merci de votre attention et de votre aide
^
ivanova
# 25 Feb 2008 - 11:29:59
Citer
13 Posts
 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?
^
lachouke
# 25 Feb 2008 - 11:34:42
Citer
7 Posts
 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?
^
ivanova
# 25 Feb 2008 - 11:47:08
Citer
13 Posts
 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
^
lachouke
# 25 Feb 2008 - 11:50:16
Citer
7 Posts
 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>
^
lachouke
# 25 Feb 2008 - 11:53:43
Citer
7 Posts
 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!
^
ivanova
# 25 Feb 2008 - 12:02:46
Citer
13 Posts
 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>
^
lachouke
# 25 Feb 2008 - 14:18:33
Citer
7 Posts
 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
^
lachouke
# 25 Feb 2008 - 14:26:18
Citer
7 Posts
 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?
^
ivanova
# 25 Feb 2008 - 16:04:04
Citer
13 Posts
 je ne sais pas perso j'utilise Dreamweaver... et il est évident que si des signes se transforme cela ne va pas marché...
^
lachouke
# 25 Feb 2008 - 17:19:54
Citer
7 Posts
 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é! lol
merci de ton attention

^
ivanova
# 25 Feb 2008 - 17:24:05
Citer
13 Posts
 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
^
Prévenir un modérateur
Pages : [>]
Répondre au sujet
Aller à

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.8 beta © dew
Contacter l'administrateur - 18.9 ms - Charte