AviaSlider Time Delay Between Images « Support Forum | Kriesi.at

Support Forum » Other Themes

AviaSlider Time Delay Between Images

11 posts from 3 voices

Started 2 years ago by reformedman
Latest reply from bitcom
This topic is not a support question

Tags:

reformedman
Member

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.

Posted 2 years ago #

Dude
Dude

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
});

Posted 2 years ago #

reformedman
Member

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.

Posted 2 years ago #
Dude
Dude
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 :)
Posted 2 years ago #
reformedman
Member

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

Posted 2 years ago #
Dude
Dude

Glad that you solved the problem :)

Posted 2 years ago #
bitcom
Member

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.

Posted 2 years ago #

Dude
Dude

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"

Posted 2 years ago #

bitcom
Member

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

Posted 2 years ago #
Dude
Dude

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 :)

Posted 2 years ago #
bitcom
Member

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?

Posted 2 years ago #