Solved

Jquery Slider

Posted on 2013-12-05
4
380 Views
Last Modified: 2013-12-09
Looking for a solution to creating a jquery DIV slider with bottom buttons that can call the slides when clicked. So far we have created the content and arrows to scroll left and right but we also want users to be able to click the bottom black package buttons to select the appropriate slide.
Plan-Pages.zip
0
Comment
Question by:fadercreep
4 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
Even better is to create a JSFiddle.net with only the absolutely necessary code to show the issue. A 181KB Zip file is not promising
0
 
LVL 23

Accepted Solution

by:
Jens Fiederer earned 500 total points
Comment Utility
Good advice, although in this case the actual basic.html file included was really quite small...most of the bulk was in the included jquery support files, which could have been linked off the web rather than included.

Anyway, I think all it takes is onclick events:

    <div id="planbuttons">
    	<img src="images/basicplan_thumb.png" alt="WaveDirect Basic Plan" onclick="$('#plan_slider').cycle(0)"/>
        <img src="images/standardplan_thumb.png" alt="WaveDirect Standard Plan" onclick="$('#plan_slider').cycle(1)"/>
        <img src="images/ultraplan_thumb.png" alt="WaveDirect Ultra Plan" onclick="$('#plan_slider').cycle(2)"/>
        <img src="images/entertainmentplan_thumb.png" alt="WaveDirect Entertainment Plan" onclick="$('#plan_slider').cycle(3)"/>
        <img src="images/ePLUSplan_thumb.png" alt="WaveDirect Entertainment PLUS Plan" onclick="$('#plan_slider').cycle(4)"/>
    </div> <!--Closes planbuttons-->

Open in new window


Essentially this is just using information from the goto samples on http://jquery.malsup.com/cycle/faq.html
0
 

Author Closing Comment

by:fadercreep
Comment Utility
Thanks for everyone's help on how to post projects in the future, also Great to see Jens answer to the question regardless of my posting zip files. Thanks for getting me on track! This is why I love experts exchange!
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Suggested Solutions

Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to dynamically set the form action using jQuery.

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now