Image défilante 
Auteur : Xavier GREGOIRE
Visité 2175,
Followers 2,
Partagé 0
Bonjour,
Dommage que dans la galerie photo, il n'y ait pas possibilité de faire défiler des images.
J'ai donc trouvé un script sur le site suivant : http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm
J'aurais souhaité, en l'intégrant dans un objet Html, centrer le slideshow
Quelqu'un pourrait-il me donner la marche à suivre ?
D'avance merci.
P.S. :j'utilise l'objet html de bord à bord de l'espace de travail, donc je sais qu'il est possible de centrer en le plaçant entre 2 colonnes mais c'est pas la solution que je recherche)
Posté le
Salut Xavier, peut-on voir le script en action sur ton site en ligne ?
Est-ce que par hasard tu veux arriver au résultat que l'on voit ici sur le pied de page ?
http://www.ngvi.com/contact.php
@Suivre, J.P.
Auteur
Bonjour J.P.,
Voici l'adresse du site en reconstruction (http://www.panoweb.be/piron)
Pour le résultat du site ngvi.com , c'est effectivement ce que je recherche.
Bien à toi,
Xavier
Salut Xavier, voir ce sujet (que j'avais retrouvé après avoir lu ta question...) :
http://answers.websitex5.com/post/58907
Le site ne fonctionne plus comme prévu au départ car l'auteur l'a figé par un sondage unique... ;o))
Voir si tu peux adapter les codes proposés pour intégrer la chose sur ton site.
@+ et bonne continuation, J.P.
Auteur
J'avais trouvé le poste mais le code à placer dans les paramètres généraux (HEAD) ne fonctionne pas. Le code apparaît sur la page du site. Il doit donc y avoir une erreur.
Pourtant cela fonctionnait bien sur le site de Philippe à l'époque, les images défilaient correctement et chacune avait un lien externe...
As-tu bien placé le "jquery.js" sur ton serveur ?
Sinon tout dépend de l'endroit où tu veux placer ça... Idée artisanale : un objet texte avec les images, toutes dans la même dimension + lien, arrêt sur image au passage de la souris, le tout sur un roll-over "doux".
J.P.
Auteur
Oui il est bien sur le serveur.
Comme dit plus haut c'est le code placé dans les paramètres généraux qui n'a pas l'air de fonctionner.
Ce code ne devrait pas apparaitre sur la page où il est inséré!
Hello Xavier,
Can you please write the link to the page online where you added the code to see what exactly happens?
Many thanks!
***** Google Translation:
BonjourXavier,
Pouvez-vouss'il vous plaît écrivezlelien vers la pageen ligne oùvous avez ajouté lecode pour voirce qui se passeexactement?
Merci beaucoup!
Auteur
Bonsoir,
Voici la page en question : http://www.panoweb.be/piron/espace-client.html
Par la même occasion, j'ai utilisé un autre code sur la page "http://www.panoweb.be/piron/comparateur.html" mais le script n'est pas centré. Comment faire ?
Merci
Auteur
info complémentaire.
Pour ma page http://www.panoweb.be/piron/comparateur.html le faite de cocher "Activer la hauteur automatique" fera en sorte que le code html (le carousel d'images) soit placer du côté gauche ou droit alors que je souhaite qu'il soit centré.
Auteur
Bonjour,
Pas de retour de claudio?
Xavier
Hello Xavier,
It is not working because in the custom code in some parts you removed the space like as example here:
<scripttype="text/javascript"src="/js/jquery.jcarousel.min.js">
where it should be:
<scripttype="text/javascript" src="/js/jquery.jcarousel.min.js">
If you open the website in Firefox and then you press CTRL + u it will show you all parts of the custom code which needs to be fixed in red.
Many thanks!
***** Google Translation:
BonjourXavier,
Ilne fonctionne pasparce que dans lecode personnalisédans certaines régionsque vous avez retiréde l'espacecommecommeexempleici:
<scripttype="text/javascript"src="/js/jquery.jcarousel.min.js">
où il devrait être:
<script type="text/javascript"src="/js/jquery.jcarousel.min.js">
Si vous ouvrez lesitedans Firefox, puisvous appuyez sur CTRL+uil va vous montrertoutes les parties ducode personnaliséquidoit être corrigéen rouge.
Merci beaucoup!
Auteur
Bonjour,
Je sèche toujours! L'erreur n'est plus là mais le carousel ne fonctionne pas. En faisant Crtl u, j'obtiens la liste de mes images en rouge avec l'erreur suivante : pas d'espace entre les attributs alors que je n'ai fait qu'un copier coller et modifier les adresses pour mes images.
Merci encore pour votre intervention.
Bien à vous,
Xavier GREGOIRE
Hello Xavier,
The issue is here still present:
<ulid="mycarousel"class="jcarousel-skin-tango"><li><imgsrc="http://www.panoweb.be/piron/img/39.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/79.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/96.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/99.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/145.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/445.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/687.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/739.jpg"width="120"height="60"alt=""border="0"/></a></li></ul></div></div></div></div>
As you see there is no space between the attributes and it is necessary to add it.
It needs to be
<ulid="mycarousel" class="jcarousel-skin-tango"><li><imgsrc="http://www.panoweb.be/piron/img/39.jpg" width="120 "height="60" alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/79.jpg" width="120" height="60" alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/96.jpg" width="120" height="60" alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/99.jpg" width="120" height="60 "alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/145.jpg" width="120" height="60" alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/445.jpg" width="120" height="60" alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/687.jpg" width="120" height="60" alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/739.jpg" width="120" height="60" alt="" border="0"/></a></li></ul></div></div></div></div>
Many thanks!
***** Google Translation:
Bonjour Xavier ,
La question est ici encore présente :
<ulid="mycarousel"class="jcarousel-skin-tango"><li><imgsrc="http://www.panoweb.be/piron/img/39.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/79.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/96.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/99.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/145.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/445.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/687.jpg"width="120"height="60"alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/739.jpg"width="120"height="60"alt=""border="0"/></a></li></ul></div></div></div></div>
Comme vous le voyez , il n'ya pas d'espace entre les attributs et il est nécessaire de l'ajouter .
Il doit être
<ulid="mycarousel" class="jcarousel-skin-tango"><li><imgsrc="http://www.panoweb.be/piron/img/39.jpg" width="120 "height="60" alt=""border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/79.jpg" width="120" height="60" alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/96.jpg" width="120" height="60" alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/99.jpg" width="120" height="60 "alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/145.jpg" width="120" height="60" alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/445.jpg" width="120" height="60" alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/687.jpg" width="120" height="60" alt="" border="0"/></a></li><li><imgsrc="http://www.panoweb.be/piron/img/739.jpg" width="120" height="60" alt="" border="0"/></a></li></ul></div></div></div></div>
Merci beaucoup!
Auteur
Bonsoir,
Fonctionne toujours pas. Je vais abandonner ce carousel.
Par contre pour l'autre solution (http://www.panoweb.be/piron/comparateur.html) j'aurais souhaité que cela prenne toute la largeur du site. actuellement, le code est placé sur toute la largeur mais en foncton que je coche "ajuster la hauteur automatique" il aligne le script à gauche ou à droite.
La seule solution que j'ai trouvé pour être centré est de laisser une colone vide à gauche et cocher "ajuster la hauteur automatique" mais cela ne prend pas la largeur complète!
Merci de votre participation à mon problème.
Auteur
J'ai compris. Il y a le décalage dû au sous-menu!
Hello Xavier,
The width is limited by the page menu. If you remove it and you want your code to use the whole space you need to extend the object over the row and then in the html code set the width of the conent section so this will be shows onver the whole space.
Many thanks!
***** Google Translation:
BonjourXavier,
La largeurest limitée par lemenu de la page.Sivous le retirezetvous voulez que votrecode à utilisertout l'espacedont vous avez besoinpour étendrel'objet surlaligne, puisdansle code htmlde définir la largeurde la section deconentce sera donconverspectaclestout l'espace.
Merci beaucoup!
Bonjour
Alors en fait moi j'ai contourné ce problème il y a qq années, en faisant autrement..
Au lieu de créer une galerie photo, je crée un Objet texte dans lequel j'importe mes photos puis j'utilise le Roll over pour les faire défiler. Tu peux mettres créer des liens sur chaque photo pour renvoyer sur une page etc... Simple mais efficace.
En espérant que cela te serve
Amicalement
Stray
J.P. avait écrit un peu plus haut :
Tiens donc Stray, les grands esprits se rencontrent
@+, J.P.
Oups, ca m'apprendra à ne pas avoir vraiment tout lu.... Donc c'est une bonne idée!