2010-06-03 3 views
1

passer du temps soo beaucoup à essayer de résoudre ce problème, mais voilà:carrousel de contenu dynamique

exigences:

  • liste verticale des éléments, dans un div conteneur structure div/ul/li
  • utilisateur doit être en mesure de faire défiler la liste, avec défilement en douceur en planant au-dessus de la div, le défilement accélère vers le haut et le bas
  • le défilement est sans fin vers les deux extrémités (ie. à la fin de la liste, la liste recommence, au lieu de changer de direction)
  • liste est générée dynamiquement via js
  • sur cliquez sur les mouvements d'élément sélectionné au centre, à la souris, le point le plus proche centre se déplace au centre
  • éléments de liste n'ont pas une hauteur fixe

après avoir renoncé à rouler ma propre solution ... J'ai essayé jcarousel qui peut être persuadé de faire toutes ces choses sauf le défilement lisse. De plus, lorsque vous cliquez sur un élément près de la fin de la liste [en utilisant scroll()] et l'élément en cours est le premier élément, la liste défile vers l'arrière jusqu'à la fin au lieu de simplement passer à l'élément suivant.

next up jquery.serialscroll. tout a fonctionné, sauf le défilement sans fin, ou plutôt, le fond peut être fait pour défiler sans fin (via le positionnement absolu des éléments de la liste dans un ul relatif) mais je n'ai aucune idée de ce qu'il faut faire pour défiler vers le haut.

Lors du défilement, il peut être supposé qu'aucun élément nouveau n'est ajouté.

sans l'exigence de la vitesse de défilement lisse et variable/imprévisible, les problèmes ne semblent pas trop difficiles à résoudre, mais tous combinés, je ne peux pas trouver une solution.

Y at-il un plugin jquery que j'ai manqué ou quelqu'un a-t-il eu à travailler en utilisant serialscroll ou jcarousel?

Espérons que cette information est suffisante et qu'il n'y a pas trop de perte de traduction.

acclamations et merci à l'avance

Répondre

0

Le meilleur que j'ai trouvé est celui-ci: http://www.jacksasylum.eu/ContentFlow/

Je crois qu'il répond à tous (ou certainement plus) de vos besoins, fonctionne sur tous les navigateurs, et n'a même pas besoin de JQuery.

Espérons que ça aide.