Aide pour l'Intégration de la galerie " Highslide JS "

jadknight · 04/09/2011, 19h38

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>



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


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

04/09/2011, 19h38	#1
jadknight Invité de passage Amjad AGHZAF Webdesigner Inscription : septembre 2011 Messages : 1 Détails du profil Informations personnelles : Nom : Amjad AGHZAF Localisation : Maroc Informations professionnelles : Activité : Webdesigner Secteur : Communication - Médias Informations forums : Inscription : septembre 2011 Messages : 1 Points : 0 Points : 0	Aide pour l'Intégration de la galerie " Highslide JS " 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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email