vyžaduje instalaci několika modulů a knihoven

FUNKČNÍ KOMBINACE:

PHP

• PHP min 7.4.*

knihovna blazy

• stáhni z https://github.com/dinbror/blazy    
• rozbal zip, složku přejmenuj na blazy a umísti do libraries 

knihovna slick 

• stáhni z https://github.com/kenwheeler/slick/releases   - verzi 1.6.0  (pozdější nefunguje) 
• rozbal zip, složku přejmenuj na slick a umísti do libraries  

knihovna easing  

• pro fungování slick ve starých prohlížečích  
• stáhni z   https://github.com/gdsmith/jquery.easing     
• rozbal zip, složku přejmenuj na easing a umísti do libraries

moduly  

• modul  JQuery Update 
• modul  psr0   - autoloader 
• potom modul  blazy   - vyžaduje PHP minimálně 7.4.*

nakonec moduly  

• modul  slick       - verze 7.x-2.2 (s verzí 3.. nefunguje!)
• modul  slick_views   - verze 7.x-2.2
• modul  slick_extras   - verze 7.x-2.0
• povolit Slick, Slick extras, Slick UI, Slick views

nastavení

• .../admin/config/media/slick   - Seznam  
• vytvořit vlastní sadu nastavení (optionset) "Přidat"
• Breakpoints - počet hranic šířky okna pro rozdílná nastavení
• Skin
  • vzhled je možno zadat i ve Views
  • Grid Foundation (případně Box carousel)
• OBECNÉ
  • Styl obrázku - je možno zadat ve Views
  • Náhodně přeskupit
• NASTAVENÍ
  • Přehrát automaticky
  • Autoplay speed - trvání 1 snímku v milisekundách
  • Pause on hover - myš nad snímkem zastaví přehrávání
  • Fade - prolínání snímků, bez zatržení vznikne "kolotoč"
  • Infinite - nekonečné přehrávání
  • Respond to: slider - vzhledem k čemu bude responzivita
  • Speed - rychlost animace v milisekundách
  • Vertical (Svislý) - posun snímků směrem nahoru
• RESPONSIVE DISPLAY - je-li zadáno Breakpoints, je možno zadat různá nastavení pro různé šířky
• Uložit
• je možné vytvořit několik různých sad vlastních nastavení

Views

• Formát - Formát: Slick carousel
• Nastavení
  • Optionset: nalistuj svoje nové nastavení
  • Skin main: Grid Foundation
  • Grid large: 1
  • Grid medium: 1
  • Grid small: 1
  • Visible slides: 1
• Fields - Obsah Obrázek
  • vyber styl (velikost) obrázku

viz také:

https://ostraining.com/blog/drupal/drupal-8-slick-slideshow/