Fluent scroll of Fullwidth Easy Slider - Support | Kriesi.at

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

Author

Posts
August 29, 2020 at 1:26 pm #1241823

rhae
Participant

Hi,

I’m using the Fullwidth Easy Slider to scroll through 4 images. The images all blend into each other, so I would be really nice to scroll through them in a steady speed, without stopping. Is that possible with this slider, and do you know what to enter in custom css to make it possible?
If scrolling continuously in a steady speed isn’t possible, is it possible to change the ‘buildup and slowdown’ of the speed at the start and the end?

A second question; there seems to be a small vertical line between the images, which you see when they scroll by. The image itself doesn’t have that. Is it possible to remove that? Maybe it’s some kind of border?

I hope you can help me.

Best regards, Haiko.

September 2, 2020 at 4:19 pm #1242855

Ismael
Moderator

Hey rhae,

Thank you for the inquiry.

Have you tried setting the autorotation duration from the default 5 seconds to 1 second? The option is located in the Advanced > Slider Animation toggle.

Best regards,
Ismael

September 2, 2020 at 4:28 pm #1242858

rhae
Participant

Hi Ismael,

I’ve set it to 4, because I don’t want to images to go by too slow. It does stop thought, on speed 1 and on speed 4, and there’s a speed difference while starting and stopping the slide, which is what I would like to get rid of.

Best regards, Haiko

September 7, 2020 at 11:51 am #1243935
Ismael
Moderator
Hi,

I’ve set it to 4, because I don’t want to images to go by too slow.

Setting it to 1 should make the slider rotate faster which might make it more seamless. 1 means 1 second.

If you’d like to make it even faster, edit the themes\enfold\config-templatebuilder\avia-shortcodes\slideshow\slideshow.js and look for the _startSlideshow function around line 998:
```
		//start autorotation
		_startSlideshow: function()
		{
			var self = this;

			this.isPlaying = true;

			this.slideshow = new this._timer( function()
			{
				self._navigate( 'next' );

				if ( self.options.autoplay )
				{
					self._startSlideshow();
				}

			}, (this.options.interval * 1000));
		},
```
Adjust the interval value manually to 100ms in this line..
```
(this.options.interval * 1000)
```
Replace it with:
```
100
```
Best regards,
Ismael
Author

Posts

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

You must be logged in to reply to this topic.