WebSite X5Help Center

 
MAIZERAY J.
MAIZERAY J.
User

Défilement de texte ou d'images dans une page  fr

Auteur : MAIZERAY J.
Visité 835, Followers 2, Partagé 0  

Bonjour, une petite sugestion

La possibilité de faire défiler des images horizontalement les une derrière les autres sans passé par l'ordre html (<marquee behavior="scroll">) qui oblige à les incorporer une à une.

Comme un carroussel horizontal

Bravo aux dévellopeurs et merci à eux

Posté le
8 RéPONSES - 1 CORRECT
JiPeR 48
JiPeR 48
Moderator

Salut Joseph,

Je ne sais pas si je rejoins ton idée mais cela est possible à partir d'un diaporama classique de plusieurs images, en réglant l'effet "Défilement horizontal" (+ la durée d'affichage) et en mettant le tout en lecture automatique et affichage des boutons non visible. Le tout peut se faire à partir de l'objet galerie. 

Certains utilisent cette méthode pour afficher de grandes images sur leur header, avec ou sans puces de navigation.

Sinon tu peux donner un exemple de ce que tu souhaiterais voir venir ?

@+, J.P.

Lire plus
Posté le de JiPeR 48
JiPeR 48
JiPeR 48
Moderator

Suite... Je n'avais pas lu le titre de ta question...

Pour le texte on peut faire avec des onglets de style diaporama, affichage non visible exécution automatique.

A voir de ton côté si cela peut te convenir ?

@+, J.P.

Lire plus
Posté le de JiPeR 48
MAIZERAY J.
MAIZERAY J.
User
Auteur

Bonjour,

Je me suis mal expliqué, mais un exemple vaut mieux que l'écrit

http://www.codep29ffct.fr

voir l'onglet "divers" puis "essai" tout à droite du menu horizontal

Car j'aimerai que le défillement prenne toute la largueur de la page comme un carroussel horizontal sur les 960 pixels , le défilement avec l'action "galerie" je connais cela ne me convient pas.

Merci de votre réponse

@+ Jo

Lire plus
Posté le de MAIZERAY J.
JiPeR 48
JiPeR 48
Moderator

Hello Joseph,

OK je comprends mieux... Il va te falloir sans doute utiliser un script spécifique.

Nous avions vu ça il y a quelques temps déjà. Je t'indique les liens des pages de discussion à toutes fins utiles :

https://helpcenter.websitex5.com/post/89744 (les liens de chez Xavier ne sont plus bons)

https://helpcenter.websitex5.com/post/58907

Exemple ici en bas de page : http://www.ngvi.com/contact.php (voir le code source de la page ligne 544 et suivantes des fois que... ?) 

Un autre ici    http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm

Je continue à chercher. Si je trouve quelque chose d'intéressant je passe te l'indiquer.

Bonne continuation, J.P.

X

Lire plus
Posté le de JiPeR 48
JiPeR 48
JiPeR 48
Moderator

Pas grave, on peut tous se planter à force...   ;o))

Je ne suis pas très doué en codage mais je viens de tester le script et ça fonctionne chez moi. ça défile bien sans blanc en fin de ligne...  Je te mets le résultat en copie écran.

J'ai placé une cellule code HTML sur la largeur de la page et j'ai copié/collé le script de la page en ligne.

Puis j'ai modifié la largeur en 960 px (var sliderwidth="960px")

et j'ai mis des liens d'images piquées au hasard directement sur mon serveur sous la forme :

img src="http://www.nom-de-mon-site.fr/images/nom-de-limage.png"

Reste plus qu'à chercher l'astuce pour pouvoir, si besoin, mettre un lien sur chaque image.

A toi de tester la chose pour voir si ça te convient ?

@+, J.P.

Lire plus
Posté le de JiPeR 48
JiPeR 48
JiPeR 48
Moderator

Suite.... En pièce jointe j'ai fait une petite vidéo du script en action avec les moyens du bord. Lisible chez toi ?

@+, J.P.

Lire plus
Posté le de JiPeR 48
MAIZERAY J.
MAIZERAY J.
User
Auteur

OUI c'est ce que je cherche, FORMIDABLE cela fonctionne il ne me reste plus qu'a "lol"

Merci infiniment à toi Jiper, ce n'est pas la première fois que tu me sauves la mise.

Bon dimanche

Lire plus
Posté le de MAIZERAY J.