Version complète: sur le forum Webmaster Hub : Texte statique qui change toutes les X secondes avec effet de fondu
Webmaster Hub > Création et exploitation de Sites Internet > Les fondations d'un site > Le Webdesign
Charger
Salut à tous ! thumbup.gif

Je voudrais insérer une boîte de news sur mon site internet, précisément, la même que celle utilisée sur la page d'accueil du site d'Apple (http://www.apple.com/fr/ -> Après "Quoi de neuf"). C'est à dire un code qui fasse défiler un à un des textes statiques avec un effet de transition de type fondu entre chaque.

Connaissez-vous un moyen de le reproduire? Le peut-on avec du javascript (j'ai cherché sur tous les sites spécialisés mais rien trouver...)?

Merci. wink.gif
klelugi
Un truc du genre :
http://www.texotela.co.uk/code/jquery/newsticker/

Simple efficace et propre
Charger
Merci beaucoup, c'est parfait. wink.gif
Charger
Le script est opérationnel sur ma page mais il ne se fond encore pas parfaitement dans son design, du fait de sa taille en largeur. Connaissez-vous simplement un moyen de la réduire? Est-ce au moins possible (je n'y connais rien au jquery...)? J'ai fouillé dans tous les codes et rien ne me semble indiquer ses dimensions.

Merci. wink.gif
heliotrope
Salut,

la réponse est à chercher du côté css (class .newsticker)

:-)
Charger
En effet, j'ai ajouté une balise "width" dans le CSS du code et j'ai pu enfin remonté celui ci à la gauche de l'inscription "LES TITRES /" (avant il prenait toute la largeur du tableau, donc impossible).

Seulement, tout serait "trop" facile, donc, histoire de compliquer les choses, le code lui même se met désormais à déborder du tableau côté droit. Histoire de mieux vous en rendre compte, j'ai fais une capture d'écran, en prenant soin de faire ressortir les contours (témoignant bien d'un débordement et non de la vraie largeur du "newsticker")

Cliquez pour voir le fichier joint

Connaissez-vous un moyen d'éradiquer ce débordement? Merci. wink.gif
Charger
J'ai refait ma page de A à Z et il n'y a plus de débordement. Sans doute une erreur dans le code HTML... wink.gif

Merci.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.