CODEWITHSUNDEEP
jqueryslideshowshow-hidecarousel
Fuego DeBassi
Fuego DeBassi

Reputation: 3017

Slide over carousel, with fluid widths

I have this markup:

<section id="content">
  <a class="back">Back</a>
  <a class="forward"/>Forward</a>

  <article>
   <p>Lorem ipsum</p>
  </article>

  <article>
   <p>Lorem ipsum</p>
  </article>

  <article>
   <p>Lorem ipsum</p>
  </article>

</section>

Where the article's content is of a variety of heights, and the whole layout sits in a fluid container. I'd like to set this up so that the back and forward links would cycle through all the articles under content, and also loop infinitely. Icing on the cake would be transitions to animate from right to left for forward, and from left to right on previous,

Just not sure how, would REALLY appreciate any help.

Upvotes: 0

Views: 357

Answers (2)

astro boy
astro boy

Reputation: 1430

Here's a Simple Infinite Carousel with jQuery

I copied the code to jsfiddle for you to check out

jsfiddle example

Upvotes: 0

Marquis
Marquis

Reputation: 531

I've used the Nivo Slider plugin before for something similar. It's very easy to use and easy to set up. And it's free! You can download it here:

http://nivo.dev7studios.com/

The tutorial for installing it is here:

http://nivo.dev7studios.com/support/jquery-plugin-usage/

Upvotes: 1

Related Questions