[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

Jquery Slider

Posted on 2013-12-05
4
Medium Priority
?
428 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
4 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 39701312
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 2000 total points
ID: 39702028
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
ID: 39705975
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

Simplify Your Workload with One Tool

How do you combat today’s intelligent hacker while managing multiple domains and platforms? By simplifying your workload with one tool. With Lunarpages hosting through Plesk Onyx, you can:

Automate SSL generation and installation with two clicks
Experience total server control

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The viewer will learn how to count occurrences of each item in an array.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
Suggested Courses

649 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