11491 sujets

JavaScript, DOM et API Web HTML5

Tout d'abord bonjour!
Voilà, débutant, je fini un site express acheté et dans la section portfolio, j'ai mon fichier : "jquery.prettyPhoto.js"...
Problème, dans ce thème, lorsque sur le site dans portfolio,je clique sur une vignette, j'ai bien la big image qui apparait en cadre sans problème. Je voudrais juste qu'avec la même action, et quand apparait la big image, dans celle ci, je puisse en faire défiler plusieurs autres( voir photo jointe pour support.) Comme dans beaucoup de protfolios.
Ainsi avec une vignette correspondent plusieurs "big images" ce qui me fait par exemple un thème par vignette dans mon portfolio.
Moi,c'est une vignette =une big image seule et ensuite fermer...et à nouveau, pour une autre big image, clique sur une autre vignette....le client en fait deux comme ça et quitte le site...
Je n'arrive pas à changer dans le .js pour obtenir cela.
Merci d'avance pour votre aide.
Franck
upload/32646-portfolio.JPG
rebonjour,
et bien j'ai du marquer quelque chose de pas bien car mon sujet a été vu 20 fois sans une piste.... Smiley bawling
Peut être le fait d'avoir pas posté au bon endroit ou c'est tellement simple que tout le monde rigole ou alors le fait d'avoir acheté n'est pas apprécié par la communauté.
Désolé. Smiley decu
Merci Thelma,
je viens d'aller sur le site, j'ai rentré mon code et enfin j'approche la solution.
Sur le site, ça fonctionne comme prévu: j'ai fait un test avec une vignette correspondant à 5 images et c'est ok, par contre sur mon site, en gallerie, j'ai un morceau d'une autre vignette qui se trouve en dessous et elle est cliquable :
code
<!--PORTFOLIO PAGE STARTS -->
<div class="section">
<h2>Gallery</h2>

<div id="slideshow">
<!--slider1 -->
<div class="slider">
<ul class="gallery clearfix">
<li>

<a href="images/bigimages/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/t_1.jpg" width="60" height="60" alt="Red round shape" /></a>

<a href="images/bigimages/2.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_2.jpg" width="60" height="60" alt="Nice building" /></a>

<a href="images/bigimages/3.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_3.jpg" width="60" height="60" alt="Fire!" /></a>

<a href="images/bigimages/4.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_4.jpg" width="60" height="60" alt="Rock climbing" /></a>

<a href="images/bigimages/5.jpg" rel="prettyPhoto[pp_gal]"><img src="images/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /></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 -->

Visule de la page gallerie avec le problème:
upload/32646-bugg.JPG

Voilà, si quelqu'un peut m'aider à éliminer ce problème ce serait vraiment sympa....et je pense que mon code ci dessus comporte une balise de trop et est surement en désordre.
Merci d'avance pour votre aide.
Franck
Bonjour,
le problème est résolu......
Je vais voir si maintenant avec plusieurs vignettes tout se passe ok...j'espère.
Merci
Franck