Page 1 of 1

Scrolling list of divs

Posted: Mon Nov 12, 2012 11:55 am
by shiznatix
Hey there. So, my thing is that I have a list of divs (7 total) and I want to make some sort of auto-scrolling carousel for them.

My HTML looks like this:

Code: Select all

<div class="TV" id="channels">
	<!--repeated section-->
	<div class="block">
		<div class="icon">
			<a href=""><img src="" /></a>
		</div>
		<div class="schedule">
			<div class="row">
				<div class="time">00:00</div>
				<div class="show"><a href="">Title 1</a></div>
				<div class="cf"></div>
			</div>
			<div class="row">
				<div class="time">00:00</div>
				<div class="show"><a href="">Title 2</a></div>
				<div class="cf"></div>
			</div>
		</div>
		<div class="cf"></div>
	</div>
	<!--end repeated section-->
</div>
My goal is to have a box with a scroll bar that only shows 4 at a time but also auto-scrolls from top-down and then when it reaches the end, it goes back to the top. Any scrolling technique is fine by me (scroll bar, up-down buttons) but it must auto scroll the divs.

Are there any existing jquery plugins for such functionality? Every plugin I could find would only take ul-li lists and scroll those which was kind of annoying. I could roll my own plugin but that seams like a lot of work for something that I would imagine has already been solved.

Anyone have any ideas for an easy solution?