Solved

Making a slider that the user has more control over - accordion slider?

Posted on 2014-07-24
6
330 Views
Last Modified: 2014-08-01
Hi

See this slider:
Pros: looks nice
Cons: user has no control over speed if they want it to linger it little, they dont know what is coming next of after next so the bit they are interested in is 3 slides away

See this slider (http://www.kwik-fit.com/)
Pros: the user can pick the section relevant to them and not get motion sickness. They dont have to look at sections they arent interested in
Cons: dated - it seems we have to use massie sliders otherwise we are hetetics.  (who sets these style conventions?). However it could be made to look less dates

Questions
Does the interface element on quick fit have a name?
Are there are already things written to do this or is is too old fashioned thiese days
Does anyone know of any website with something similar to the kwik fit slider? Thsi is the first one I've seen. I like that it has the content menu down the side to give a quick sumary

The closest ive seen is an accordion slider
http://preview.66themes.net/?item=innotechWP

Does anyone know of an accordion sllider that keep the 'section title of each part of te slider elegantly when the slier collapses or is there no way aound that as the slider needs the space

many thanks for all your help
0
Comment
Question by:andieje
[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
6 Comments
 
LVL 110

Assisted Solution

by:Ray Paseur
Ray Paseur earned 250 total points
ID: 40216409
You can make a Google search for jQuery Sliders and find many interesting ideas and implementations.  On http://www.kwik-fit.com/ there are several moving parts.  Same on 66themes.  Not sure which animation you were interested in.

Here is an article that shows a simple way of creating one kind of slider.
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Jquery/A_11357-Upgrading-the-Marquee-Tag-with-jQuery.html
0
 
LVL 58

Expert Comment

by:Gary
ID: 40217189
Most jquery sliders have a pause on hover
Others have thumbnails, generally they won't have text
bxSlider is a very popular one with plenty of options
http://bxslider.com/examples
0
 

Author Comment

by:andieje
ID: 40226947
I neeed a slider to that when you are not on the slider page you can easily see the slider pages on other pages. Pardon me for me a heretic but the the shter sliders are musst smoke and mirros and server aesthetic purposes mstly

Granted it would help if i posted the right slider in my original question

http://codecanyon.net/item/accordionza-jquery-plugin/full_screen_preview/101685?ref=janecross

Something like this. I like it but it doesnt say it is responsive, I presume you cant have responsive siders?
0
Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.

 
LVL 58

Accepted Solution

by:
Gary earned 250 total points
ID: 40226995
You could probably adapt that slider to be responsive else
http://tympanus.net/Blueprints/ElasticContentSlider/
0
 
LVL 25

Expert Comment

by:lenamtl
ID: 40227235
0
 

Author Closing Comment

by:andieje
ID: 40234573
Thanks Gary. That is what i was looking for. I can build on the simplicity of that
0

Featured Post

[Webinar] Code, Load, and Grow

Managing multiple websites, servers, applications, and security on a daily basis? Join us for a webinar on May 25th to learn how to simplify administration and management of virtual hosts for IT admins, create a secure environment, and deploy code more effectively and frequently.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
phpmyadmin memory error 55 92
Json and ajax javascript 24 23
Jquery syntax 12 29
Javascript function 3 18
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

732 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