Header Slideshow Slide Speed Duration

  • Resolved scatteredshepherd

    (@scatteredshepherd)


    10 years, 6 months ago

    I posted the following on the Artisteer message board seeking help to no avail. Posting here to see if I can get any traction. Thanks in advance for any help you can offer!!!

    While designing a header slideshow in Artisteer (version 4.2.0.60623 if that makes a difference), I was able to add multiple slides, and play with transition options for that slideshow. But, under that same “Motion” sub-menu (Header ->> Slideshow ->> Motion) the “Options” area was grayed out and not clickable. I want to change the delay/pause time for the slides, and I’m guessing that’s where to do it, but I couldn’t. Not sure why. So, I saved, exported, uploaded and activated the WordPress theme with whatever the default settings are. And… they’re WAY too fast for my needs.

    I’ve been trying for hours now to find out where (at the “code level” via the WordPress “Editor”) I can make this change manually. I’ve found a few references to a “script.js” file in other forum posts, but I don’t have a file by that name to edit via Editor. I’ve tried (with my limited amateur code knowledge) to figure out which file to adjust, and my best guess is the “style.css” file and these lines:

    .art-slidecontainerheader .art-slide-item {
    -webkit-transition: 600ms ease-in-out opacity;
    -moz-transition: 600ms ease-in-out opacity;
    -ms-transition: 600ms ease-in-out opacity;
    -o-transition: 600ms ease-in-out opacity;
    transition: 600ms ease-in-out opacity;
    position: absolute !important;
    display: none;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    }

    Am I on the right track? It looks like the place to change the header slideshow TRANSITION speeds (indeed, this happened when I doubled each value to 1200ms), but I don’t see anything for adjusting the length of the PAUSE for each slide in the slideshow. Do I need to add a new line here? If so, what is the command I need? Or am I way off base?

    If you’d like a look at the site I’m building as it stands now, you can check it out here: http://andyblack-music.com/

    Thanks in advance for any help you can give!

Viewing 1 replies (of 1 total)
  • Thread Starter scatteredshepherd

    (@scatteredshepherd)

    10 years, 6 months ago

    So…. apparently just posting here helped get my brain moving in a new direction. I used my FTP Client and found the “script.js” file on my server in the appropriate “themes” folder (wp-content/themes/nameoftheme). After downloading the file and opening it in Notepad++, I eventually found the following lines of code near the bottom:

    inner.children().eq(0).addClass(“active”);
    slideContainer.slider({
    pause: 2500,
    speed: 600,
    repeat: true,
    animation: “fade”,
    direction: “next”,
    navigator: slideContainer.siblings(“.art-slidenavigatorheader”),
    helper: helper

    Changing the “pause: 2500” to “pause: 6000” did the trick! Hope my slow moving brain can help someone else some day if they stumble upon this (short) thread!

Viewing 1 replies (of 1 total)

The topic ‘Header Slideshow Slide Speed Duration’ is closed to new replies.