INSTALACE MODULU

• knihovna: https://github.com/Codeinwp/Nivo-Slider-jQuery 
• moduly
  • Views Nivo Slider
  • Libraries API
• po nahrání souborů nastavit oprávnění 755 na modul i knihovnu

připravit styl obrázku

• všechny obrázky musí mít stejné rozměry (nesmí být některý obrázek na výšku a některý na šířku!)
• možno použít modul Imagecache Actions - podmodul Imagecache Canvas Actions
  a do stylu obrázku přidat efekt Define canvas
  

NASTAVENÍ VIEWS

Pole:

• pole obrázek
  • bez popisku
  • Styl obrázku: vyber vhodnou velikost
    
  • Odkázat obrázkem na: Nic
• pole Nadpis
  • bez popisku
  • Nezobrazovat
  • NEzatrženo Link this field to the original piece of content
• pole Nid
  • bez popisku
  • Nezobrazovat
  • NEzatrženo Link this field to the original piece of content
• pole Globální:Vlastní text
  • bez popisku
  • Nezobrazovat
  • Text:   node/[nid]

Formát:

• Formát: Views Nivo Slider
  • nastavení viz níže
• Ukázat: Views Nivo Slider (namísto "Pole")
  • Image field: vybrat pole s obrázkem
  • Title field: pokud je potřeba titulek, vybrat příslušné pole, ale nemusí být nic
  • Link field: vybrat pole Vlastní text

NASTAVENÍ FORMÁTU Views Nivo Slider

můj blok fade

• Nivo slider version: 3.x
• Styl: žádné
• Efekt: fade
• Animation Speed: 500
• Pause Time: 8000
• Direction Navigator: Ne
• Views - Block caching: na stránku

můj blok rain

• Nivo slider version: 3.x
• Styl: žádné
• Efekt: boxRain
• Slices: 30
• Animation Speed: 500
• Pause Time: 8000
• Direction Navigator: Ne

styl

• jestliže se střídají obrázky na výšku a na šířku, je potřeba upravit použitý styl obrázku tak, aby byly rozměry všech obrázků stejné, např. ke stylu přidat efekt Define canvas
  (nutný modul Imagecache Actions!)
• titulek překrývá dolní část obrázku, css stylovat jako
  • .nivo-caption, #section2 .view-xxxxx .views-nivo-slider .nivo-caption
  • position: relative; background-color: #fff; text-align: left;
• nastavit plnou šířku pro odkaz
  • #section2 .view-xxxx a.views-processed.nivo-imageLink {width:100%;}

další návody:  https://www.brightwebsitedesign.com/how-install-setup-views-nivo-slider-...