Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #2591

    I have researched and found a lot of threads that references a file called fuction.php. I can’t find that file in any of the folders for this plugin. I have also found that there is a js parameter called animationSpeed or animationDelay, I don’t remember.

    But I can’t find one that effectively changes the rate of my images.

    I am simply trying to change how long one picture stays up before it changes to the next picture.

    It seems to be 6 seconds according to my stopwatch right now, I want to change it to 12 seconds.

    Please tell me the folder and file location and also which parameter I need to change?

    I would be appreciative for your help.

    PS. How do I change my password on this forum to something that I choose? The password generator created an impossible password for me to remember.

    #38606

    Hey,

    just add following code to your aviaslider initialisation function:

    autorotationSpeed:12,		// duration between autorotation switch in Seconds

    i.e. like:

    $('#fading_curtain').aviaSlider({	blockSize: {height: 'full', width:40},
    display: 'topleft',
    transition: 'fade',
    betweenBlockDelay:150,
    animationSpeed: 600,
    switchMovement: true,
    autorotationSpeed:12 // duration between autorotation switch in Seconds
    });

    #38607

    Thank you for the reply but as I requested before I do not know which file to alter and so I would need that information to know where to make the change.

    I looked through files and found one that contained something similar to what you posted in:

    public > js > custom.js

    I made the change there and reset my cookies and refreshed and it still comes up with 6 seconds for each slide.

    I changed all the similar areas; there were about 4 areas that had the code

    $(‘#fading_curtain’).aviaSlider({ blockSize: {height: ‘full’, width:40},

    display: ‘topleft’,

    transition: ‘fade’,

    betweenBlockDelay:150,

    animationSpeed: 600,

    switchMovement: true,

    });

    So I add the line to each exactly as you said and it didn’t work.

    Please help me also to change my password for these forums if possible.

    #38608

    Hey,

    the reason why it doesn’t work is because you’re using custom.min.js.

    <script type='text/javascript' src='js/custom.min.js'></script>

    Change the code line to:

    <script type='text/javascript' src='js/custom.js'></script>

    and it should work :)

    #38609

    Thank you Dude,

    For anyone checking this problem in the future:

    Your index file where the slider appears must be changed

    from

    <script type=’text/javascript’ src=’js/custom.min.js’></script>

    to

    <script type=’text/javascript’ src=’js/custom.js’></script>

    and the parameter autorotationSpeed must be added to the public > js > custom.js file

    like the following:

    $(‘#fading_curtain’).aviaSlider({ blockSize: {height: ‘full’, width:40},

    display: ‘topleft’,

    transition: ‘fade’,

    betweenBlockDelay:150,

    animationSpeed: 600,

    switchMovement: true,

    autorotationSpeed:12 // duration between autorotation switch in Seconds

    });

    Thanks

    #38610

    Glad that you solved the problem :)

    #38611

    Thanks for this but I’m still having trouble changing the rotation speed. Here’s the page the slider is located…

    http://www.full-service-janitorial.com/index.html

    When I switch to the edited custom.js file from the custom.min.js the images don’t load and I just get the spinning circle. I must be missing something.

    And do I need all of those js files specified in the header? Other posts I’ve read seemed to indicate that I didn’t.

    Thanks in advance.

    #38612

    Hey,

    sorry for the late reply.

    I think you’ve a small syntax error in the initialisation code. Instead of:

    <script type='text/javascript'>
    $('#frontpage-slider').aviaSlider({
    blockSize: {height: 80, width:80},
    transition: 'slide',
    display: 'diagonaltop',
    switchMovement: true
    autorotationSpeed:10 // duration between autorotation switch in Seconds
    });
    </script>

    use:

    <script type='text/javascript'>
    $('#frontpage-slider').aviaSlider({
    blockSize: {height: 80, width:80},
    transition: 'slide',
    display: 'diagonaltop',
    switchMovement: true,
    autorotationSpeed:10 // duration between autorotation switch in Seconds
    });
    </script>

    You forgot a “,” after “switchMovement”

    #38613

    Thanks so much for your help Dude but it still isn’t working. I changed the script code in the head section as you suggested and it still changes slides at the default speed.

    Question: Does this code being in the head section override the code that is in the linked js files? What purpose do those linked js files serve at this point? If I do as you suggested earlier in this thread and switch to the custom.js file from the custom.min.js it still doesn’t work.

    Is there some documentation that explains what those other js files do and why they are needed. It seems as soon as I change any of those links the image load just hangs and nothing ever happens.

    As you can see I’m a novice at this javascript stuff and I really appreciate the help.

    Rick

    #38614

    What happens when you remove custom.min.js? You don’t need it because you initialise the slider in the html head. If you don’t need prettyphoto custom.min.js isn’t required.

    Docs are included in the themeforest download package :)

    #38615

    Still doesn’t work. When I comment out those 2 js files, I just get the spinning loader image and nothing happens.

    Ya I’ve been through the Documentation over and over. Doesn’t really help a beginner like me. And I downloaded from Code Canyon not Theme Forest. Is there a difference?

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

The topic ‘AviaSlider Time Delay Between Images’ is closed to new replies.