Bonjour tout le monde,

J'aimerai bien savoir comment je dois insérer la galerie " Highslide JS " dans mon site web voila le lien de la solution = http://highslide.com/.

J'ai procéder à quelques adaptations, en sorte de créer un lien (boutton) qui lancera la gallery au lieu d'avoir des miniatures (exempl de la gallery : http://highslide.com...orizontal-strip.html), bien sur j'ai masquer les miniature par le billet d'une classe en CSS, en sorte d'avoir les miniatures qui vont s'affiche en bas de la gallery une fois lancée, sauf que là, le problem c'est que ce lien (boutton) apparait dans ma gallery avec le reste des miniatures.... :s :s

Voila le code si quelqu'un peux me dire c'est quoi qui MANQUE !!???

<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.8;
hs.outlineType = 'rounded-white';
hs.captionEval = 'this.thumb.alt';
hs.marginBottom = 105; // make room for the thumbstrip and the controls
hs.numberPosition = 'caption';
hs.wrapperClassName = 'draggable-header';

// Add the slideshow providing the controlbar and the thumbstrip
hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
overlayOptions: {
className: 'text-controls',
position: 'bottom center',
relativeTo: 'viewport',
offsetY: -60
},
thumbstrip: {
position: 'bottom center',
mode: 'horizontal',
relativeTo: 'viewport'
}
});
</script>


</head>

<body>

<!--
3) Link to start gallery
-->

<a href='../images/thumbstrip11.jpg' onclick="return hs.expand(this, {thumbnailId: 'thumb1'})" title="Two cabins">
text</a>
<!--
4) Class for hiding a thumbnails
-->

<div class="hidden-container">

<a class='highslide' id="thumb1" href='../images/thumbstrip01.jpg' onclick="return hs.expand(this)">
<img src='../images/thumbstrip01.thumb.png' alt='Mountain valley'/></a>

<a class='highslide' href='../images/thumbstrip02.jpg' onclick="return hs.expand(this)">
<img src='../images/thumbstrip02.thumb.png' alt='Windy landscape'/></a>
</div>


Voila normalement dans la solution il y a des thumbnails qu'on clique deçu pour afficher la totalité de la gallery qui comprend aussi ces même thumbnails qui pointe pour d'autre image en taille normale, c'est pour ça je les ai masquer et mis un lien avec un id "thumb1" qui point vers le thumbnail qui doit s'afficher dans la gallery et j'ai insérer tous les éléments mais ça ne marche pas :s :s ...

Merci d'avance pour votre aide.