Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #14937

    Where can I change the setting how long something takes to fade-out & in on the slide show?

    Also, is there any way to adjust the size of the slideshow to be a bit smaller, so the content doesn’t have to move up everytime the page is changed. Not sure how to exactly explain it, but when the page loads with a header, it has an animation and shrinks up vertically to the size of the image.

    You can see it at



    Please try to add this on your custom.css

    #top .slideshow_container ul {
    margin: 0 auto;
    max-height: 297px !important;

    To change the transition speed, edit js > avia,js and find this code

    transitionDuration: 800, //how fast should images crossfade




    Thank you. the container code helped a lot.

    1. I edited the avia.js code as you suggested. The transitionDuration didn’t seem to affect the crossfade timing for some reason.

    2. Also, I noticed that during the crossfade transition the fading-in picture is off by 1 pixel to the left. After the transition has finished, it sets to the correct position. Any idea where I can adjust and fix this?




    Forgot to mention, on the template page (slideshow options) i’m using the fade slider option if that matters.



    Your eye are better then mine, because to me it looks great. The third person in the slider looks ready to step through the monitor. Very sharp site. :)


Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Slideshow changes’ is closed to new replies.