Jump to content

Archived

This topic is now archived and is closed to further replies.

nfp1900

Quickslider timing adjustment

Recommended Posts

nfp1900    29
nfp1900

The automate quickslider option is fixed as 7 seconds, so of course the client has asked for a faster transition time...

 

Inspecting the element shows this and the transition shifts from 0s to 6s - but how can I make the adjustment with CSS?

 

Thanks

 

 

 

<ul class="slides" style="-webkit-transition: 0.6s; transition: 0.6s; width: 1200%; -webkit-transform: translate3d(-2202px, 0, 0);"><li class="clone" style="width: 734px; float: left; display: block;"><img src="http://oraclecancertrust.org.gridhosted.co.uk/wp-content/uploads/2013/09/slider_4_41.png" alt=""> </li>

 
 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

As far as I am aware you wont be able to override it with CSS. What you will need to do is edit the jquery.flexslider-min.js file. Therefore, I recommend you create a child section of the QuickSlider, unminify the js file so you can see alll options and then change the speed from 7000 to whatever you like.

 

You can use this to unminify the file - http://jsbeautifier.org/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
nfp1900    29
nfp1900

I followed the instructions in the docs and uploaded a new QS section into the base theme. I found the js with 7000 and adjusted this and saved the file. After re-registering the sections it just came up with a fatal error witha path to that section. Obviously not as easy as it seems!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Can you provide a screenshot of your issue ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
sheilahoff+    63
sheilahoff

I found this thread because my client wanted QuickSlider to move slower. Since this method described here seemed difficult and I was unclear if the OP was successful, I found a responsive slider plug-in in the repository. It's easy to use and replaced my homepage slider without it looking any different (with a little CSS). Sadly you can only have one set on a site. But I wanted to share it for anyone coming later http://wordpress.org/extend/plugins/responsive-slider/. You can see it on a DMS site at http://www.movementfromwithin.net


Sheila Hoffman | Hoffman Graphics | Seattle

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hi @sheilahoff 

 

Thank you for the input on this - very helpful :) 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

  • Similar Content

    • triggerfish
      By triggerfish+
      I am stumped here, The Mega menu drop down menus are going under the Quickslider.
      I have tried the Z-index with no luck..any ideas here would be greatly appreciated.
      http://randbplumbing.ca/slider-test-3/
       
    • werdnags
      By werdnags+
      Hi Folks,
      Does anyone know if it is possible to change the transition of Tangram Carousel to a smooth scroll?  At the moment I feel it is very 'jerky' when using the default transition.
      Thanks.
    • richardjacruz
      By richardjacruz+
      I received our monthly Alexa report, and it pointed out that there were missing alt tags on EVERY page on our site. Upon closer inspection, it looks like the QuickSlider which is used for the scrolling banners at the top of the site doesn't bring in the alt tags. Recently, you made a change to the RevSlider to allow images to have "alt" tags. Can you do that for the QuickSlider too?
      Thanks.
    • selmakdesign
      By selmakdesign
      Hi!
      Could really use some help on this one:
      How can I customize the navigation in the quickslider?
      The navigation (previous and next slide) is a font awesome icon which looks like a simple grey box.
      1. I'd like to replace this with custom arrow images?
      2. Is it possible to also add to the navigation: first slide/last slide?
       

    • pehja
      By pehja+
      Hello!
      I am getting pretty tired of things that does not work as it should in DMS. Now it is impossible to have a two column footer with quickslider as one of the items. Take a look here http://pehjaproduction.se/kulingen/
      I have tried three column, two column, no column. nothing works. 
×