bonsoir, j'ai un probleme sur le tutoriel des galleries photos en javascripts..
En fait, tout marche bien quand la page comporte une seule gallerie. Mais quand plusieurs galleries sont mises sur une meme page, a partir de la deuxieme gallerie, au lieu de m'ouvrir une photo dans le cadre agrandi quand je clique sur une photo miniature, elle s'ouvre dans une autre page internet... je ne comprend donc pas ce qui se passe...
et pour un diaporama au hazard:
donc j'ai essayer avec un seul code doc les deux rassemblées et ca marche pareil... quesqui ne fonctionne pas svp?
En fait, tout marche bien quand la page comporte une seule gallerie. Mais quand plusieurs galleries sont mises sur une meme page, a partir de la deuxieme gallerie, au lieu de m'ouvrir une photo dans le cadre agrandi quand je clique sur une photo miniature, elle s'ouvre dans une autre page internet... je ne comprend donc pas ce qui se passe...
<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Language" content="fr" />
<link rel="icon" type="image/gif" href="/favico.gif" />
<style type="text/css">
body
{
margin: 0 ;
padding: 0 ;
font: 0.9em Georgia, serif ;
}
h1
{
margin: 15px 10px ;
text-decoration: underline ;
color: black ;
}
p
{
line-height: 1.5em ;
text-indent: 1em ;
margin: 15px 10px ;
}
div#galerie
{
width: 550px ;
background: transparant ;
border: 1px solid #dcb ;
padding: 0px ;
margin: 10px 10px ;
text-align: center ;
}
ul#galerie_mini
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
ul#galerie_mini li
{
float: left ;
}
ul#galerie_mini li a img
{
margin: 2px 1px ;
border: 1px solid #dcb ;
}
dl#photo
{
clear: both ;
margin: 0 auto ;
}
dl#photo dt
{
font: italic 2.5em/1.5em Georgia, serif ;
color: #dcb ;
}
dl#photo dd
{
margin: 0 ;
}
dl#photo img
{
border: 1px solid #dcb ;
}
</style>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
et pour un diaporama au hazard:
<?php include("diaporama_exemple.php");?>
<div id="galerie">
<ul id="galerie_mini">
<li><a href="./images/fayot/fayot superman seat grab marigner_g.jpg" title="fayot en superman seat grab au giffre!"><img src="images/fayot/minis/fayot superman seat grab marigner_m.jpg" alt="fayot en superman seat grab au giffre!" /></a></li>
<li><a href="./images/fayot/_360_fayot_giffre_g.JPG" title="énorme 360 sur la table"><img src="images/fayot/minis/_360_fayot_giffre_m.JPG" alt="énorme 360 sur la table" /></a></li>
<li><a href="./images/fayot/fayot_doublecancan_chatel_g.jpg" title="gros double cancan a châtel"><img src="images/fayot/minis/fayot_doublecancan_chatel_m.jpg" alt="gros double cancan a châtel" /></a></li>
<li><a href="./images/fayot/_backflip_fayot_giffre_g.JPG" title="big back flip !!"><img src="images/fayot/minis/_backflip_fayot_giffre_m.JPG" alt="big back flip !!" /></a></li>
<li><a href="./images/fayot/fayot shore marigner_g.jpg" title="gap au giffre...5m !"><img src="images/fayot/minis/fayot shore marigner_m.jpg" alt="gap au giffre...5m !" /></a></li>
<li><a href="./images/fayot/fayot_tabletop_carroz_g.jpg" title="table top au skate park des carroz"><img src="images/fayot/minis/fayot_tabletop_carroz_m.jpg" alt="table top au skate park des carroz" /></a></li>
<li><a href="./images/fayot/sindic_doublecancan_chatel_g.JPG" title="encore un double cancan à châtel"><img src="images/fayot/minis/sindic_doublecancan_chatel_m.JPG" alt="encore un double cancan à châtel" /></a></li>
<li><a href="./images/fayot/fayot_backflip_g.jpg" title="back flip !!"><img src="images/fayot/minis/fayot_backflip_m.jpg" alt="back flip !!" /></a></li>
<li><a href="./images/fayot/fayot_nothing_giffre_g.jpg" title="nothing au giffre"><img src="images/fayot/minis/fayot_nothing_giffre_m.jpg" alt="nothing au giffre" /></a></li>
<li><a href="./images/fayot/fayot_supermanseatgrab_sx_g.jpg" title="avec le nouveau SX ..."><img src="images/fayot/minis/fayot_supermanseatgrab_sx_m.jpg" alt="avec le nouveau sx..." /></a></li>
<li><a href="./images/fayot/fayot_tabletop_deriere_g.jpg" title="table top trop tendu!"><img src="images/fayot/minis/fayot_tabletop_deriere_m.jpg" alt="table top trop tendu!" /></a></li>
<li><a href="./images/fayot/fayot_nothing_g.jpg" title="no-rien !!!!!!"><img src="images/fayot/minis/fayot_nothing_m.jpg" alt="no-rien !!!!!" /></a></li>
</ul>
<dl id="photo">
<dt>fayot en superman seat grab au giffre!</dt>
<dd><img id="big_pict" src="./images/fayot/fayot superman seat grab marigner_g.jpg" alt="fayot en superman seat grab au giffre!" /></dd>
</dl>
</div>
</body>
</html>donc j'ai essayer avec un seul code doc les deux rassemblées et ca marche pareil... quesqui ne fonctionne pas svp?
