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.
Partager