WebSite X5Help Center

 
Xavier GREGOIRE
Xavier GREGOIRE
User

Image défilante  fr

Autor: Xavier GREGOIRE
Visited 1977, Followers 2, Udostępniony 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)

Posted on the
19 ODPOWIEDZI - 2 USEFUL
JiPeR 48
JiPeR 48
Moderator

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.

Czytaj więcej
Posted on the from JiPeR 48
Xavier GREGOIRE
Xavier GREGOIRE
User
Autor

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

Czytaj więcej
Posted on the from Xavier GREGOIRE
JiPeR 48
JiPeR 48
Moderator

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.

Czytaj więcej
Posted on the from JiPeR 48
Xavier GREGOIRE
Xavier GREGOIRE
User
Autor

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.

Czytaj więcej
Posted on the from Xavier GREGOIRE
JiPeR 48
JiPeR 48
Moderator

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.

Czytaj więcej
Posted on the from JiPeR 48
Xavier GREGOIRE
Xavier GREGOIRE
User
Autor

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é!

Czytaj więcej
Posted on the from Xavier GREGOIRE
Incomedia
Claudio D.
Incomedia

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!

Czytaj więcej
Posted on the from Claudio D.
Xavier GREGOIRE
Xavier GREGOIRE
User
Autor

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

Czytaj więcej
Posted on the from Xavier GREGOIRE
Xavier GREGOIRE
Xavier GREGOIRE
User
Autor

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

Czytaj więcej
Posted on the from Xavier GREGOIRE
Xavier GREGOIRE
Xavier GREGOIRE
User
Autor

Bonjour,

Pas de retour de claudio?

Xavier

Czytaj więcej
Posted on the from Xavier GREGOIRE
Incomedia
Claudio D.
Incomedia

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!

Czytaj więcej
Posted on the from Claudio D.
Xavier GREGOIRE
Xavier GREGOIRE
User
Autor

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

Czytaj więcej
Posted on the from Xavier GREGOIRE
Incomedia
Claudio D.
Incomedia

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!

Czytaj więcej
Posted on the from Claudio D.
Xavier GREGOIRE
Xavier GREGOIRE
User
Autor

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.

Czytaj więcej
Posted on the from Xavier GREGOIRE
Xavier GREGOIRE
Xavier GREGOIRE
User
Autor

J'ai compris. Il y a le décalage dû au sous-menu!

Czytaj więcej
Posted on the from Xavier GREGOIRE
Incomedia
Claudio D.
Incomedia

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!

Czytaj więcej
Posted on the from Claudio D.
Vlaminck Michel
Vlaminck Michel
User

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

Czytaj więcej
Posted on the from Vlaminck Michel
JiPeR 48
JiPeR 48
Moderator

J.P. avait écrit un peu plus haut :

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

Tiens donc Stray, les grands esprits se rencontrent

@+, J.P.

Czytaj więcej
Posted on the from JiPeR 48
Vlaminck Michel
Vlaminck Michel
User

Oups, ca m'apprendra à ne pas avoir vraiment tout lu.... Donc c'est une bonne idée! 

Czytaj więcej
Posted on the from Vlaminck Michel