Solved

How do I modify slideshow / sliding panel behavior?

Posted on 2010-08-19
3
528 Views
Last Modified: 2012-05-10
Hey Experts:

I have placed a slideshow on a page I'm designing - and used a sliding panels plugin that allows changing pics AND text / links.  The plugin has done a pretty good job  - I have a slideshow and it's formatted the way I want it to be - but I don't like the jerkiness of it.  I'd like to modify just a few things:

I'd like more than 5 seconds between changes - I've tried playing with an interval setting with no luck.

I'd like a fade or slower transition.

I'd like the show to play through the last slide, go back to the beginning and stop.

I know nothing - nada about jquery or javascript, so any solution would have to be spoon fed....  Any help would be greatly appreciated.  The page is up for building / testing at http://tendigitpublishing.com/joecraine/

Mrs. Kevin
0
Comment
Question by:heykevin
  • 2
3 Comments
 
LVL 2

Expert Comment

by:Drakecoldwinter
ID: 33476471
Just open the file "dmxSlidingPanels.js" in Javascript and change the numbers in the beggining of the file:

var frictionDefaults={fast:0.9,normal:0.95,slow:0.97};var durationDefaults={fast:200,normal:400,slow:600};

write something like
var frictionDefaults={fast:0.9,normal:0.95,slow:0.97};var durationDefaults={fast:600,normal:1000,slow:2000};

the numbers are in milliseconds. That should do it ;)
0
 
LVL 2

Expert Comment

by:Drakecoldwinter
ID: 33476487
I mean open the file in notepad to make the changes :D
0
 

Accepted Solution

by:
heykevin earned 0 total points
ID: 33479982
I tried modifying the duration defaults and could see no difference.  However... I looked further down in the .js file and found the AutoPlayInterval command.  I changed it to 10000, and that solved the first issue.  I also found an AutoPlayReverse command that, when switched to false, stopped the slides after showing all 1 time.  Not the greatest hack, but I think I can work with it.

Still no solution for the fade behavior....  any ideas?
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
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…

920 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now