Position Fixe dans Highslide JS ?

Bonjour,

Je suis en train de créer le site internet d'un artiste peintre (Jean Paul AMETTE) et je butte sur un petit problème.

J'utilise Highslide JS pour présenter ses tableaux.
Lorsque je clique sur "Printemps" par exemple, un tableaux apparaît et lorsque l'on clique sur ce tableau, la galerie photo Highslide apparaît.
Mais voilà, elle se balade partout et je ne le souhaite pas.
Je voudrais que la popup apparaisse à un endroit fixe, déterminé (genre dans une DIV ?)
que les thumbnails apparaissant se trouvent dans ma page également (et non pas comme pour le moment où elles sont en dehors de ma page)

J'ai regardé du côté hs.marginLeft, ... mais cela ne convient pas non plus ou alors l'ai-je mal utilisé ?

Pouvez-vous m'aider ?

Merci beaucoup

Bonjour BabyPoon,

Je ne connais absolument rien à highslide mais j'ai vu ces choses curieuses, dont un une balise de fermeture cocasse :

Code:

</h

Cordialement
.

Effectivement,
c'était une balise

Code:

</head>

que j'avais supprimé mais j'en ai oublié un bout !!!

Moi non plus je ne connais strictement rien à highslide, mais je parle un peu le hacheteumeuleu, alors j'ai jeté un coup d'oeil au code source.
La page est déclarée écrite en XHTML, mais bien des balises, telles que les balises meta et les br, sont écrites sans le / de fermeture. Alors qu'une balise br comporte un \ sans signification.
Et plusieurs ids ont la même valeur (thumb1).
Bref, quelques soucis à se faire pour le rendu (X)HTML.

En ce qui concerne highslide, je répète que je ne le connais pas, mais je vois que les instructions javascript spécifiant marginLeft et marginTop sont mises en commentaires, ça ne risque donc pas de marcher. Mais peut-être est-ce voulu ainsi justement parce que ça ne marchait pas ?
Et si ça ne marchait pas, ne serait-ce pas parce que les marges étaient trop fortes ?
Pour que ça puisse marcher, il faut des marges raisonnables.
Je lis 600 pour la marge gauche, c'est beaucoup trop, il faudrait commencer avec 200 puis augmenter progressivement jusqu'à satisfaction.
Pour la marge supérieure, c'est plus difficile parce qu'il faut tenir compte de la hauteur des toiles. Commencer par une valeur modeste, pas plus de 50.

Cordialement.

sitolip a écrit:En ce qui concerne highslide, je répète que je ne le connais pas, mais je vois que les instructions javascript spécifiant marginLeft et marginTop sont mises en commentaires, ça ne risque donc pas de marcher. Mais peut-être est-ce voulu ainsi justement parce que ça ne marchait pas ?

En fait ces propriétés donnaient bien une position dans la page mais par rapport à la page web et non par rapport à une div.
Du coup, si la résolution d'écran du visiteur est différente de la mienne, il y aura un fort décalage. J'ai donc mis en commentaires ces paramètres.

babypoon a écrit:
Du coup, si la résolution d'écran du visiteur est différente de la mienne, il y aura un fort décalage. J'ai donc mis en commentaires ces paramètres.

Si tu commences à te soucier des diverses résolutions, bon courage !!!!
Je ne dis pas qu'il ne faut pas le faire, mais c'est un très -très- gros morceau.

Vouloir des marges en rapport avec la résolution de l'écran du visiteur est un souci louable.
Mais alors, il faut aussi que les dimensions des images présentées au visiteur soient en rapport avec la résolution de son écran, sinon on ne fait que la moitié du travail

Pour ne pas perdre sa santé mentale, je préconise de rester dans la simplicité : travailler avec des marges (et des dimensions d'images) qui seront acceptables pour le plus grand nombre.
Aujourd'hui, si on suppose une résolution d'au moins 1024 x 768, on satisfait 96% des visiteurs opérant sur ordinateur (en tablant sur 800 x 600, ça marche pour 100% des visiteurs, mais ça ne satisfait vraiment que les 4% qui ont encore un écran 800 x 600, les autres trouveront la page un peu étriquée).

sitolip a écrit:

babypoon a écrit:
Du coup, si la résolution d'écran du visiteur est différente de la mienne, il y aura un fort décalage. J'ai donc mis en commentaires ces paramètres.

Si tu commences à te soucier des diverses résolutions, bon courage !!!!
Je ne dis pas qu'il ne faut pas le faire, mais c'est un très -très- gros morceau.

Vouloir des marges en rapport avec la résolution de l'écran du visiteur est un souci louable.
Mais alors, il faut aussi que les dimensions des images présentées au visiteur soient en rapport avec la résolution de son écran, sinon on ne fait que la moitié du travail

Pour ne pas perdre sa santé mentale, je préconise de rester dans la simplicité : travailler avec des marges (et des dimensions d'images) qui seront acceptables pour le plus grand nombre.
Aujourd'hui, si on suppose une résolution d'au moins 1024 x 768, on satisfait 96% des visiteurs opérant sur ordinateur (en tablant sur 800 x 600, ça marche pour 100% des visiteurs, mais ça ne satisfait vraiment que les 4% qui ont encore un écran 800 x 600, les autres trouveront la page un peu étriquée).

Oui mais justement mon site est developpé en 800x600.
Mais mon but est que ma popup (photo agrandie) s'affiche à un endroit donné et non par rapport à la miniature.
Pour le moment, quand on clique sur une miniature, la popup s'affiche en haut à gauche et moi je voudrais qu'elle s'affiche entre mon menu et mes miniatures mais y a pas moyen je ne trouve pas

Oui mais justement mon site est developpé en 800x600.

Exact, comme le confirme la lecture des fichiers CSS.
Mais on dirait que plusieurs choses ont changé, en mieux, depuis hier soir. Ou plutôt : avaient changé en mieux dans l'après-midi.
A l'heure qu'il est, la fonction hs.expand n'est plus invoquée, un clic sur une miniature amène l'image seule.
Pourtant, dans le courant de l'après-midi, j'ai vu distinctement tout bien marcher : les popups s'affichaient très bien, non pas en haut à gauche, mais à l'endroit que j'aurais souhaité personnellement. Du moins avec Firefox, je n'ai pas essayé avec d'autres navigateurs.

sitolip a écrit:

Oui mais justement mon site est developpé en 800x600.

Exact, comme le confirme la lecture des fichiers CSS.
Mais on dirait que plusieurs choses ont changé, en mieux, depuis hier soir. Ou plutôt : avaient changé en mieux dans l'après-midi.
A l'heure qu'il est, la fonction hs.expand n'est plus invoquée, un clic sur une miniature amène l'image seule.
Pourtant, dans le courant de l'après-midi, j'ai vu distinctement tout bien marcher : les popups s'affichaient très bien, non pas en haut à gauche, mais à l'endroit que j'aurais souhaité personnellement. Du moins avec Firefox, je n'ai pas essayé avec d'autres navigateurs.

Merci !
J'ai bossé dessus tout l'après-midi donc c'est normal que tout change au fur et à mesure.
En fait, j'ai paré au pb en utilisant targetX et targetY.
A présent, il y a bien les miniatures en bas de page et la popup apparaît au milieu de mon contenu, entre mon menu et mes miniatures. J'ai testé sur un ordinateur avec un écran en 15" alors que le mien est en 17" et tout fonctionne correctement donc je pense que je suis sur la bonne voie.

Je me suis laissé entraîner un peu plus loin dans la découverte de highslide...
Assez pour pouvoir opiner que Babypoon a bel et bien trouvé la solution au problème posé : placement de l'image par rapport à un élément spécifié, tel qu'un div.

Pour ceusses qui souhaiteraient en faire autant :
http://highslide.com/ref/hs.targetX

sitolip a écrit:Je me suis laissé entraîner un peu plus loin dans la découverte de highslide...
Assez pour pouvoir opiner que Babypoon a bel et bien trouvé la solution au problème posé : placement de l'image par rapport à un élément spécifié, tel qu'un div.

Pour ceusses qui souhaiteraient en faire autant :
http://highslide.com/ref/hs.targetX

Exact, je peux donc passer à un autre pb et ce sera fini !
Merci !