Passionate Engineer
Passionate Engineer

Reputation: 10422

jQuery slider on divs

I'm trying to get jQuery slider to work with my divs instead of images... Is there a way to do this with slider controls? I have slider controls built as li lists. any suggestions guys?

Below is what I have:

<div class="slide-show" id="slide-show">
                <div class="slide-1" id="slide-1">
                    <div>
                        <h1>Connect with fellow food lovers</h1>
                        <p>Share your passion for food with friends, and form an exclusive society with a direct connection to the finest restaurants and cafes.</p>
                        <a href="#"><img src="img/home/home-join-now.png" /></a>
                    </div>
                </div>
                <div class="slide-2" id="slide-2">
                    <div>
                        <h1>Connect with fellow food lovers</h1>
                        <p>Share your passion for food with friends, and form an exclusive society with a direct connection to the finest restaurants and cafes.</p>
                        <a href="#"><img src="img/home/home-join-now.png" /></a>
                    </div>
                </div>
                <div class="slide-3" id="slide-3">
                    <div>
                        <h1>Connect with fellow food lovers</h1>
                        <p>Share your passion for food with friends, and form an exclusive society with a direct connection to the finest restaurants and cafes.</p>
                        <a href="#"><img src="img/home/home-join-now.png" /></a>
                    </div>
                </div>
                <div class="slider-control">
                        <a href="javascript:void(0);">1</a>
                        <a href="javascript:void(0);">2</a>
                        <a href="javascript:void(0);">3</a>
                </div>
            </div>

Upvotes: 2

Views: 5877

Answers (2)

Sreenath Nannat
Sreenath Nannat

Reputation: 2019

I recently found this Caroufredsel plugin. Its a carousel plugin with fred in the middle!!. I am using it in my production code. Take a look it might be helpful. It also has a 'robot' which helps us configure our carousel. Hope this will be helpful. http://caroufredsel.dev7studios.com/

Upvotes: 0

Sreenath Nannat
Sreenath Nannat

Reputation: 2019

You mean something like Content Carousel ????

Upvotes: 1

Related Questions