11548 sujets

JavaScript, DOM et API Web HTML5

Faire apparaître du texte de manère aléatoire et avec un effet fondu

Bonjour à tous,

Je suis en train de développer un site ou les gens pourraient poster des histoires. Par soucis de convivialité j'ai eu l'idée de mettre une bulle en haut à droite (dans le header) et j'aimerai soit en javascript (éventuellement à l'aide de Jquery), soit en flash pouvoir dans cette bulle faire apparaître des histoires (provenant donc de ma dbase mysql) de manière aléatoire et surtout avec un effet de fondu. Donc shématiquement cela devrait se passer comme ceci:

Fade in d'une histoire dans la bulle -> affichage pendant 10 secondes -> Fade out de cette histoire -> Fade in d'une autre histoire -> affichage pendant 10 secondes ->Fade out de cette histoire, etc....

donc 3 paramètre à gérer, le fade in, le fade out, et un timing.

N'étant pas un virtuose des éffets graphique javascript et ou flash, je ne sais pas trop par quel bout commencer.

Est ce que quelqu'un à une idée de comment je pourrait réaliser ce genre de chose précisément ?

Quel est pour vous le plus simple à utiliser et intégrer pour ce genre de chose, JS ou flash ?

Auriez vous déjà réaliser ce genre de chose dans le cadre d'un projet ?

Merci d'avance d'éclairer ma lanterne Smiley cligne
jQuery sera parfait pour ce genre d'application.

jQuery propose des fonctions permettant de faire des fade très simplement et tu peux utiliser une requête Ajax pour appeler un script PHP qui va interroger ta base de donnée pour récupérer le texte à afficher.

Pour le timing tu as la fonction setTimeout en JavaScript. Elle appelle une fonction au bout de x millisecondes.
Il suffit de l'incorporer dans la fonction qu'elle appelle pour que ça devienne une fonction récursive (qui s'appelle elle même).
Excellent tout ca, merci de ta réponse rapide.

Est-ce que tu aurais des ressources ou des exemples illustrant ce dont tu parles ?

Thanks Smiley biggrin
Sujet clos
Aller à