i'm searching for a carousel like jCarousel (http://sorgalla.com/projects/jcarous..._circular.html).

I have a dataview wich polls data from a store. Best would be if i could load the the data partly and then load new chunks on every click backwards or forwards. Also i want to loop the carousel (first items are added to the end and last items are added to the begin).

My current approach is to load six items into the dataview and set the view to overflow: none in css and autoScroll:false in extjs. I then want to move the view every time i click forward or backward buttons. I tried scrollIntoView() which does scroll to the selected node but i don't know how to move the rest of the view.

Later i wanted to add a trigger on the last nodes of the current visible nodes to load more items from the store.

The tricky part with the loop function is that the first/last items need to be cloned and put to the end/begin. Here is an example of what this should be looking: http://jqueryfordesigners.com/jquery-infinite-carousel/.

My questions now are:

Did somebody already did something or similar?
Is my approach a good one, or is there a better way to do this?

Sorry for my maybe confusing description, i'm very new to extjs and currently struggle with all the new objects to work with.

Thanks for reply and help in advance!