Page 1 of 1
Lofslider speed and opacity
Posted: Thu 16. Aug 2012, 18:04
by eralf
Hello....
I look everywhere but i cant find where i set the speed/transision for the lofslider. The images are moving to fast!
i tried the "duration" and "interval" options in the 'lofslider.js' file.
But no result !
And is it posible to fade the images in and out?
Now the are moving from left to right.
Thanks.
Re: Lofslider speed and opacity
Posted: Thu 16. Aug 2012, 18:48
by update
It's a slider and sliders slide. They do not fade otherwise they where faders.
For the other question: did you empty browser cache ? Did you try different browsers, especially firefox?
Re: Lofslider speed and opacity
Posted: Thu 16. Aug 2012, 19:22
by eralf
Funny
But if you look at
http://www.wowslider.com you see a
slider that does everything but
slide So i thought thad
LofSlider maybe can fade?
I try IE and Chrome and Firefox, but i didn't empty the browser cach. I will try thad right now... ...
No result with an empty cach
When i look at the code with firebug i see:
Code: Select all
$.lofSidernews = function( obj, settings ){
this.settings = {
direction : '',
mainItemSelector : 'li',
navInnerSelector : 'ul',
navSelector : 'li' ,
navigatorEvent : 'click',
wapperSelector: '.lof-main-wapper',
interval : 10000,
auto : true, // whether to automatic play the slideshow
maxItemDisplay : 6,
startItem : 0,
navPosition : 'vertical',
navigatorHeight : 50,
navigatorWidth : 0,
duration : 16000,
navItemsSelector : '.lof-navigator li',
navOuterSelector : '.lof-navigator-outer' ,
isPreloaded : true,
easing : 'easeInOutQuad'
}
What is going wrong ??
Re: Lofslider speed and opacity
Posted: Sat 25. Aug 2012, 17:40
by eralf
Some help please
Re: Lofslider speed and opacity
Posted: Tue 28. Aug 2012, 22:44
by eralf
Found !!
In the template file you find at line 66 to 74 the interval and duration ...
Code: Select all
// build lofslider navigational element
jQuery(document).ready(function(){
var lof_options = {
interval: 6000,
easing: 'easeInOutSine',
duration: 2400,
auto:true
};