I'd like to create a video playlist, with a player as the main slide, and thumbnail navigation.
The thumbnails have arrows, which should only page through the thumbnails.
The main slide updates when a thumbnail is clicked.
I currently have this set up with a view listing nodes that reference remote video media (1 item only), using the splide slider formatter.
I added the media field twice, as blazy media for the player, and thumbnail image.
These fields are configured as the main stage and thumbnails in the splide formatter settings.
(blazy media has an option to set the thumbnail size, but it doesn't seem to be used for the slideshow so I have it set as none).
It looks like the sliders are synced in splide.nav.js:45.
Commenting this line out (and copying content to splide.nav.min.js for testing) will unsync the sliders.
Some additional code is needed to enable clicking on the thumbnails.
Determine how to modify the nav js to toggle syncing.
Determine how to make the thumbnails update the main slide.
I think we can add a sync option to the splide config, that would show if is navigation is enabled.
none, should be able to use existing API calls.
Splide config options would change if an extra config setting is added.
Closed: works as designed
2.0
Code
This may be unrelated, but could we use the thumbnail selection from blazy media in the splide formatter settings, instead of adding a second thumbnail field? That would make it a little more straightforward to set up.
This requires some time to work.
Feel free to get in touch for paid works if anyone are interested. Thanks.