18008 sujets

Questions générales et questions de débutants

Highslide fonctionne sur index mais pas sur pages suivantes

Bonjour, j'utilise un highslide qui fonctionne parfaitement sur ma page d'index :
<div class="thumbwrapper">
<a onclick="return hs.expand(this, galleryOptions)" class="highslide" href="img/pic7.jpg">
<img title="Enlarge" alt="Enlarge" src="img/thumb_pic7.jpg">
</a>
</div>

Le soucis est que quand je veux l'utiliser sur une autre page, ça ne fonctionne plus.
Je connais la technique html du ../ qui fonctionne avec href="../img/pic7.jpg et src="../img/thumb_pic7.jpg pour afficher les visuels.
Mais pour la partie <a onclick="return hs.expand(this, galleryOptions)" je ne sais pas quoi faire (si c'est bien là que ça cloche).
Quelqu'un peut m'aider ? Smiley smile
Bonjour,
Pardonne-moi si mes questions paraissent simplistes !

1 Est-ce que dans le <head>...</head> de la deuxième page tous les scripts et css d'highslide sont bien appelés ?

2 est-ce que la deuxième page qui pose un problème est au même niveau que la première sur le serveur ?
si oui, c'est une erreur d'utiliser ../ pour les images bien entendu,
si non, attention dans le <head>...</head> pour l'appel des js et css highslide

Quand tu dis "ça ne fonctionne plus", que se passe t il exactement?
Bonjour et merci pour ta réponse.

1 Oui, les scripts paraissent bien appelés dans le head.

2 En fait la page index.html est au premier niveau et toutes les autres pages dans un dossier "pages" (c'est comme ça que j'ai appris, mais il y a peut-être d'autres méthodes…).
Voilà pourquoi j'utilise des .../ pour remonter d'un niveau les appels visuels et les appels js et css.

Là où ça ne fonctionne plus : quand je clique sur mon petit visuel, un petit "loading" apparaît et si je clique à nouveau le grand visuel s'ouvre enfin. En revanche, je ne peux plus le refermer et n'ai plus accès aux petits outils tels que next, previous ou close.

Tu peux télécharger le zip sur http://highslide.com/ qui t'aidera à comprendre la construction et peut-être résoudre mon problème.

À mon avis tout se joue dans le onclick="return hs.expand(this, galleryOptions)" mais je ne suis pas expert !
Ce qui serait bien, c'est que tu donnes l'adresse de la page qui pose un problème ! Qu'on puisse la regarder en détail
Merci pour ta proposition.
Je l'ai mis en ligne sur mon portfolio à l'adresse :
http://www.laurentbaziller-graphiste.fr/fortifs/
Ça correspond à l'index (page d'accueil) où lorsqu'on clique sur les petits visuels, ils s'ouvrent en grands et proposent Play/Previous/Next…
En haut à droite de la page, il y a le menu.
Lorsqu'on va sur la page histoire (http://www.laurentbaziller-graphiste.fr/fortifs/pages/histoire.html), on a le même système de petits visuels.
Mais là, il faut cliquer 2x pour les ouvrir, et en plus on n'a plus les Play/Previous/Next…
Bon courage…
Modifié par laubaz (20 Apr 2015 - 15:40)
oui en fait c'est le javascript highslide qui ne s'exécute pas, donc quand on clique sur l'image, on ouvre le lien et on affiche l'image pleine page, <a href="une_image.jpg"><<img src="une_autre_image.jpg"></a>

Ce qui serait à essayer : mettre les pages "histoire" au premier niveau, comme index.html, en enlevant les "../" dans les appels de css et de js, et voir si tout fonctionne bien
Modifier le javascript ?
Oui si tu as un budget ...
Sans rire, à ta place j'essaierai quand même de placer les pages du répertoire histoire au premier niveau avec la même <head> que la page index, qui fonctionne

Ou bien copier le répertoire highslide dans le répertoire histoire, pour voir ce qui se passe,


Sinon je remarque (version 4.1.9) que quand on utilise highslide-with-gallery.js, on ajoute après l'appel du javascript un script qui appelle les graphiques et fixe quelques paramètres, et qui ressemble à :

<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
	//slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
		opacity: 0.75,
		position: 'bottom center',
		hideOnMouseOut: true
	}
});
</script>


pas de traces sur tes deux pages ...
à ajouter sur les pages "histoire" pour voir ?
Sujet clos
Aller à