Solved

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

Posted on 2014-07-24
6
334 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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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
 

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

Creating Instructional Tutorials  

For Any Use & On Any Platform

Contextual Guidance at the moment of need helps your employees/users adopt software o& achieve even the most complex tasks instantly. Boost knowledge retention, software adoption & employee engagement with easy solution.

Question has a verified solution.

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

These days socially coordinated efforts have turned into a critical requirement for enterprises.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

729 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