Bonjour à tous!
voilà mon problème sur XHTML 1.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Je suis débutant et travail sur un site.
Dans la section portfolio du site, j'ai réussi à changer le code de façon à ce qu'une vignette appelle plusieurs photos à visionner les unes après les autres même cadre.
Problème, je suis à la troisième vignette, et quand elle appelle ses photos concernées, dans le cadre qui apparait, il est possible avec les flèches avant arrière, de visionner les photos qui concernaient la ou les vignettes précédentes.
Vice versa, la première vignette appelle son cadre grande image et en suivant les flèches, on peut visionner les grandes images correspondantes aux vignettes suivantes.
J'ai pourtant subdiviser en sous dossiers et précisé les chemins dans le code.
Voici donc un fragment du code concernant ce portfolio.
Si quelqu'un pouvait me dire où se trouve le hic! ce serait très sympa.
Merci d'avance.
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
| <!--PORTFOLIO PAGE STARTS -->
<div class="section">
<h2>Gallery</h2>
<div id="slideshow">
<div class="slider">
<ul class="gallery clearfix">
<li><a href="images/bigimages/essai/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/t_1.jpg" width="135" height="78" alt="Red round shape" /></a>
<a href="images/bigimages/essai/2.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_1.jpg" width="135" height="78" alt="Nice building" /></a>
<a href="images/bigimages/essai/3.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_1.jpg" width="135" height="78" alt="Fire!" /></a>
<a href="images/bigimages/essai/4.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_1.jpg" width="135" height="78" alt="Rock climbing" /></a>
<a href="images/bigimages/essai/5.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_1.jpg" width="135" height="78" alt="Fly kite, fly!" /></a></li>
<li><a href="images/bigimages/aprr/6.jpg" rel="prettyPhoto[pp_gal]" title="CHAPITEAU AUXERRE"><img src="images/t_2.jpg" width="135" height="78" alt="Red round shape" /></a>
<a href="images/bigimages/aprr/7.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_2.jpg" width="135" height="78" alt="Nice building" /></a>
<a href="images/bigimages/aprr/8.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_2.jpg" width="135" height="78" alt="Fire!" /></a>
<a href="images/bigimages/aprr/9.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_2.jpg" width="135" height="78" alt="Rock climbing" /></a>
<a href="images/bigimages/aprr/10.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_2.jpg" width="135" height="78" alt="Fly kite, fly!" /></a>
<a href="images/bigimages/aprr/11.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_2.jpg" width="135" height="78" alt="Fly kite, fly!" /></a></li>
<li><a href="images/bigimages/gregorio/12.jpg" rel="prettyPhoto[pp_gal]" title="GREGORIO"><img src="images/t_3.jpg" width="135" height="78" alt="Red round shape" /></a>
<a href="images/bigimages/gregorio/13.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/14.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/15.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/16.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/17.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/18.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/19.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/20.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/21.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/22.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/23.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/24.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/25.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/26.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/27.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
<a href="images/bigimages/gregorio/28.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="135" height="78" alt="Nice bu" /></a>
</li>
</ul>
</div>
</div>
<div id="display">
<ul>
<li id="prev"><img src="images/prev_btn.gif" alt="" /></li>
<li id="next" class="last"><img src="images/next_btn.gif" alt="" /></li>
</ul>
</div>
</div>
<!--PORTFOLIO PAGE ENDS --> |
Partager