Zone de défilement d'images

[Valoo Wart]

Salut a tous, ô Netophonixiens/nne

Je suis en train de monter deux sites pour une paire d'ami... et l'un d'eux souhaiterait un cadre ou défilerai des photo et images a la manière de la page d'accueil du Flopod.

Un conseil ? Une aide ? Je sais pas faire... alors un tuyau pour trouver un template gratuit ?

Merci d'avance

[Darkspriteangels]

ton site tu le fait sur quoi ?

Piczo ? Free ? ....

[Valoo Wart]

Ils seront hébergés sur Servhome.org

[Darkspriteangels]

Attend je t'envoi le code par MP

[Kak Miortvi Pengvin]

Et nous, on aura le droit de connaître la solution ou bien?

[Valoo Wart]

Je pense qu'a la solution manque un élément comme une feuille de style ou un quelque chose dans le style pour que ça fonctionne !

[Kak Miortvi Pengvin]

Ce qu'utilise Flo sur son site, c'est très probablement une solution basée sur JQuery (c'est clairement visible dans le head de la source de la page) et une petite mise en page xHTML/CSS (Home Slider JFlow en commentaire toujours sur la source). Il y a également deux autres scripts personnalisés mais ils sont obfusqués pour perdre du poids et j'ignore ce qu'ils font du coup.
'Fin, c'est pour ça que je me demande quelle est la solution de Darkspriteangels pour que l'on ait besoin de préciser où est hébergé le site...

[Valoo Wart]

J'ignore totalement pourquoi il a demandé cette précision.

Sinon, vous n'auriez pas un autre exemple ? Parce que le JQuery utilisé par Flo, j'ai rien compris parce que le site est tout en anglais ! Sans ne rien connaitre a cette satanée langue... je n'ai pas réussi a tout traduire.

Un conseil ?

[Kak Miortvi Pengvin]

Peut être chercher un tutoriel sur le web. JQuery est une librairie javascript bien pratique pour une pléiade de choses sur le web et plus particulièrement les animations. Mais au delà de ça, je ne m'en suis jamais servi et ne peut donc t'aider pour le moment.

[Inky]

Bossant actuellement avec du Jquery sur la nouvelle version de mon site, j'apporte mes faibles connaissances dans ce domaine (j'ai commencé il y a 4 jours ). Faut savoir que le Jquery a besoin tout d'abord d'une librairie. Je t'invite déjà à lire la partie installation du chapitre "Les bases du Jquery" ici même. Mais avant de te lancer dans le Jquery, il est nécessaire d'avoir des bases dans le Xhtml et surtout le CSS (bon, y'en a qui dise qu'il y a besoin des bases du JavaScript, mais je ne pige rien à ce code alors bon). Si tu les as, le reste ne te devrait pas trop te poser de problème.

Pour un défilement d'image : Sur ta page en html, il suffit de placer des images à la suite et en position absolute dans le CSS, le tout dans une DIV à largeur et hauteur définies et fixes. Il faut définir une CLASS ou une ID pour la DIV afin de s'y référer dans le Jquery.

Dans une page en JavaScript (par ex : Jquery_effects.js), la fonction animate() de Jquery va nous permettre de modifier les propriétés de style des images. Il faut certainement modifier à la suite les propriétés left et right des images pour voir un défilement ou le glissement de l'image suivantes sur l'actuelle. Ou bien changer simultanément les propriétés de l'image actuelle et de la suivante pour voir un défilement unique. Tu peux aussi t'aider de la fonction SetTimeout() pour retarder une fonction afin de marquer une pause entre chaque image. Bref ! Il y a de multiples solutions pour un seul résultat.

Je ne serai pas étonné si tout cela te parait assez vague et abstrait, mais je n'ai malheureusement pas le temps d'élaborer un tutoriel complet et explicite. Tout ce que je peux te dire, c'est qu'il faut de la patience, de la recherche et de la logique pour obtenir l'effet que l'on souhaite.

---- ÉDITION ----

En faisant quelques recherches, je suis tombé sur un module en flash par Alsacreations qui permet d'obtenir un diaporama :

http://www.alsacreations.fr/dewslider.html

Ça peut être utile pour les personnes qui seraient fâchées avec le Jquery.

[Asmoth]

On peut également faire ça avec Mootools, quelques tutoriels là et le site là. C'est aussi un framework javascript qui permet de faire des trucs qui font bip.

Mais j'ai pas le temps d'expliquer, là.

[Sushi]

Voici un template de Phpboost avec une application javascript entièrement personnalisable. (Enfin, faut avoir un hebergeur sur lequel l'installer, pas sur que ce soit possible avec Servhome).
http://www.phpboost.com/download/downlo ... -world.php

Edit :

En naviguant par hasard sur Alsacreations, je suis tombé sur le dewslider, un player d'images entièrement paramétrable.

[Blast]

Vraiment impressionnant cet Alsacreations.