Scrolling list of divs
Posted: Mon Nov 12, 2012 11:55 am
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:
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?
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>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?