DJ image slider -> Moving like a ticker

[liekecomp2022]

I want to make a ticker using DJ image slider.

How can I make it move like a ticker (speed and continueous scrolling movement).

See https://ontwikkel16.comp-it-aut.nl/

[liekecomp2022]

So the ticker at https://ontwikkel16.comp-it-aut.nl/ schould be moving slowly and smoothly like the ticker at https://frankiacamperclubnederland.nl/.
Can someone help me to get this done with DJ image slider?

[Nidzo2203]

Try with these settings

[liekecomp2022]

This is not working.
Can someone help me?

At https://ontwikkel16.comp-it-aut.nl/ the slider moves to the right and then to the left again.
It should move continuously and smoothly to the left just like at the ticker at https://frankiacamperclubnederland.nl/.
My settings at https://ontwikkel16.comp-it-aut.nl/ are:
Slide effect

Linear
Slide effect type

Auto
Slide transition time
1000
Next slide delay
0

AND


BASIC SLIDER SETTINGS
Slider dimensions will be calculate from values typed below.
Full Width Slider
Full Width Slider

Slide Width
240
Slide Height
180
Fit a size of image to

Auto
Vertical image centring
Vertical image centring

Visible Images
4
Space between images
0
Max images
20
Sort by

File name/ordering ascending
Use CSS3 transition NO


Autoplay JA


Loop once
NO

Show play/pause
ON MOUSE OVER


Show next/prev
YES


Show indicators (dots/numbers)
NO

[liekecomp2022]

Help?

[gws]

inspecting the page,in the console there is ; The resource from “https://ontwikkel16.comp-it-aut.nl/medi ... ing.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).

[pablop76]

If you're interested, I'd be happy to create a module for you. I'm learning about this very topic. And as we know, it's best to learn from specific problems to solve.

[liekecomp2022]

I don't understand it.
Is it not possible with the DJ Image slider to make a ticker like at https://frankiacamperclubnederland.nl/?

[Mr. Wimpy]

Maybe it isn't...

Contact the devs of DJ Extensions, they know their extension best.

[pablop76]

I am creating a carousel based on https://splidejs.com/
You can try it in your test project and show me the way to develop this module.
https://github.com/pablop76/carouselticker

[Nidzo2203]

I am creating a carousel based on https://splidejs.com/
You can try it in your test project and show me the way to develop this module.
https://github.com/pablop76/carouselticker

Interesting module. Nice work. I found js error in console

Code: Select all

[splide] Already mounted!

but slider works fine.

[pablop76]

Thanks. I corrected it.