2011-05-25 2 views
2

mon client demande une chose de type flux de nouvelles auto-rotation sur leur site. Le contenu ne changera pas, mais il passera automatiquement d'un élément à l'autre. Il permettra également à l'utilisateur de passer la souris sur les éléments précédents et de les maintenir en place.La meilleure façon de créer un flux "news" à rotation automatique sur un site Web?

Ceci est mieux représenté par le genre de chose que vous trouverez sur la page d'accueil de Yahoo:

enter image description here

Les quatre éléments d'information seront auto-rotation, mais lorsqu'un utilisateur met la souris sur un (comme indiqué) , il arrêtera de tourner et montrera celui-là, jusqu'à ce qu'ils l'éloignent (alors il continuera à tourner automatiquement).

J'imagine que je peux le faire avec beaucoup de $('item1').fade et $('item2').appear de type malarky utilisant Prototype et Scriptaculous, mais je me demandais s'il y avait une meilleure façon, ou un peu existant de code que je pourrais utiliser (il semble tout à fait une chose commune, ces jours-ci).

Merci pour tous conseils ou assistance!

Répondre

2

A pris un peu googler pour trouver un, mais cela ressemble exactement comme votre exemple fourni:

http://www.agilecarousel.com/flavor_2.htm

Voici quelques autres carrousels plus simples qui ont été dans la nature un peu plus longtemps:

http://sorgalla.com/projects/jcarousel/

http://www.thomaslanciaux.pro/jquery/jquery_carousel.htm

http://www.baijs.nl/tinycarousel/

Espérons que cela aide et bonne chance!

+0

+1 Ah! Donc ces choses s'appellent des carrousels! Merci pour le conseil. Ces liens semblent prometteurs aussi. Ce top est exactement comme mon exemple, mais malheureusement pas trop proche de ce que j'ai besoin de mettre en œuvre :) C'est bien, cependant. Cela a certainement aidé! –

+0

Oui, le carrousel est le terme magique. Je vois maintenant que l'agile ne continue pas à se défriser lui-même - si j'étais plus intelligent (ou si j'avais plus de temps) je piraterais le code et je vous dirais comment l'ajouter: D Je suis content que cela ait aidé. – baraboom

Questions connexes