Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a mockup design that I think I want to use jQuery Cycle for. The mockup screenshots are below. The closest example of this from jQuery Cycle is this: http://jquery.malsup.com/cycle/pager2.html, but it is far from where I want to end up.
How would I modify the jQuery Cycle plugin to get the effect illustrated in the mockups below? I am ok with going with another jQuery or Javascript plugin that is closer to the mockups if one exists.
You can use this Cycle demo to start out. It is the basic javascript to get the next/previous buttons working with the cycle plugin. But you will have to do the heavy lifting with CSS to make it look good.
If you don’t want to try to make it look good with CSS (meaning fancy buttons and placement of links) you can use one of these two slider plugins:
The only problem with these plugins, is that you have play by their rules of how your list is set up. I mean you might have a lot more HTML than you actually want on the page.