hi i use this code but slider is not defined error. i want to use carousel
with buttons and arrow buttons. i need all js codes.thx for your help.
12 Haziran 2012 Salı 10:53:17 UTC+3 tarihinde Nicolas Chenet yazdı:
>
> 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 <http://www.balloonup.com>*
>
> Email: [email protected]
> Let's tweet, guys ! @nicolaschenet<https://twitter.com/#%21/nicolaschenet>
>
>
>
