Nicely done
On Tue, Jun 12, 2012 at 5:53 PM, Nicolas Chenet <[email protected]> wrote: > Hey Chris, > > My code actually doesn't output indexed buttons, I used bullet points > instead ;) (see screenshot) > > Here is a sample HTML code: > > <div id="slider-wrapper" class="carousel container"> > <div class="slider carousel-inner"> > <div class="active item item-0"> > <h1>Why organize <br> this type of conference...</h1> > </div> > <div class="item item-1"> > <h1>when you can create <br> an experience ?!</h1> > </div> > <div class="item item-2"> > <h1>Take your events to the next level</h1> > <a href="features" class="call-to-action">Start the tour now</a> > <div class="slider-features questions"> > <h2>Collect questions</h2> > <p>From your audience, live</p> > <a href="features" title="Collect questions">More > information</a> > </div> > <div class="slider-features stats"> > <h2>Get statistics</h2> > <p>Realtime, dude !</p> > <a href="features" title="Get statistics"></a> > </div> > <div class="slider-features time"> > <h2>Save time</h2> > <p>And we know that time is money</p> > <a href="features" title="Save time"></a> > </div> > </div> > </div> > <div class="slider-pager"> > <a href="#slider-wrapper" class="pager-active">0</a> > <a href="#slider-wrapper">1</a> > <a href="#slider-wrapper">2</a> > </div> > </div> > > > And the JS that handles this: > > $("#slider-wrapper .slider-pager a").click(function(e){ > var index = $(this).index(); > slider.carousel(index); > e.preventDefault(); > }); > > You should use the "index" var to show the numbers (index+1) in your buttons > ;) > > > Is that all good for you ? > > > -- > Nicolas Chenet > Front-end Developer @ Balloon > > Email: [email protected] > Let's tweet, guys ! @nicolaschenet > >
