Rivin liukusäädintä kutsutaan myös nimellä "karuselli" ja sen avulla voit luoda joukon rivejä, joita kävijät voivat selata käsin – tai voit asettaan ne vaihtumaan automaattisesti tietyin väliajoin. 

row-slider-example.gif

 

Rivin liukusäätimen lisääminen

Siirrä osoitin rivin ylle, jonka haluat muuttaa rivin liukusäätimeksi, ja valitse pudotusvalikosta Lisää rivin liukusäädin

1_-How-to-add-a-row-slider-p1.jpg

 

Tämän jälkeen näet rivin liukusäätimen pudotusvalikon joka kerta, kun siirrät osoittimen rivin ylle.

1_-How-to-add-a-row-slider-p2.jpg

 

Jos haluat lisätä dioja rivin liukusäätimeen, siirry kohtaan Rivin liukusäädin > Diat ja valitse Lisää dia

 

Rivin liukusäätimen ulkoasu

Valitse rivin liukusäätimen pudotusvalikosta kohta Ulkoasu aloittaaksesi ulkoasun muokkaamisen. Kun muokkaat liukusäätimen ulkoasua, voit muokata taustaa sekä nuolien tyyliä ja sivustuspisteitä, joita painamalla kävijä siirtyy diojen välillä. Huomaa, että rivin liukusäätimen taustan väri/kuva näkyy sivustollasi vain jos liukusäätimen sisällä olevien rivien väli on nollaa suurempi.

Voit muokata rivin liukusäätimen nuolia ja sivustuspisteitä siirtymällä kohtaan Rivin liukusäädin > Ulkoasu > Nuolet tai Sivustuspisteet. Valikosta voit muuttaa kokoa, taustaväriä ja reunuksen asetuksia eri tiloille.

2_-Row-slider-design.jpg

  Miksi nuolet tai sivustuspisteet eivät näy?

Jotta nuolet ja sivustuspisteet näkyvät rivin liukusäätimessä, täytyy ne ottaa ensiksi käyttöön rivin liukusäätimen asetuksista alla annettavien ohjeiden mukaisesti.

 

Rivin liukusäätimen asetukset

Valitse rivin liukusäätimen pudotusvalikosta Asetukset aloittaaksesi asetusten muokkaamisen. Asetukset-valikossa näet seuraavat asetukset:

3_-Row-slider-settings.jpg

Aseta rivi ylätunnisteen taakse: siirrä koko liukusäädin kaikkien rivien kanssa ylätunnisteen taakse.

Näytä nuolisiirtyminen: Jos tämä asetus on käytössä, siirrytään rivin liukusäätimen diojen välillä painamalla molemmin puolin olevia nuolia, jolloin siirrytään nuolen mukaiseen suuntaan.

Esimerkki nuolesta:

Screen_Shot_2018-07-16_at_13.05.52.png

Näytä sivustuspisteet: Jos tämä asetus on käytössä, siirtyminen tapahtuu rivin liukusäätimen alaosassa olevilla ympyröillä (pisteillä).

Esimerkki sivustuspisteistä:

Screen_Shot_2018-07-16_at_13.05.57.png

Diojen automaattinen vaihtuminen: rivin liukusäätimen diat vaihtuvat automaattisesti kävijän painamatta niitä.

Keskeytä vaihtuminen osoittimen ollessa yllä: jos Diojen automaattinen vaihtuminen on käytössä ja kävijä siirtää osoittimen rivin liukusäätimen ylle, automaattinen siirtyminen keskeytyy. Kun osoitin ei ole enää dian yllä, rivin liukusäädin jatkaa automaattista vaihtamista. 

 
Siirtymän tyyppi: määritä siirtymisanimaatio rivien siirtyessä diasta toiseen. Voit valita neljän animaation joukosta:
  • Siirtymä: jokainen dia liikkuu vaakasuoraan
  • Hidas häivytys: vaiheittainen hidas siirtyminen (häivytys kestää 0,8 sekuntia)
  • Nopea häivytys: vaiheittainen nopea siirtyminen (häivytys kestää 0,2 sekuntia)
  • Lähennä: jos olet lisännyt taustakuvan diaan, lähennystehostus "siirtyy lähemmäs" kuvaan

Siirtymän viive: oletuksena viive on 5000 millisekuntia (5 sekuntia). Valitse pienempi arvo, jos haluat viiveen olevan lyhempi, ja suurempi arvo, jos haluat viiveen kestävän kauemmin. Muista lisätä arvo millisekunneissa.

Oliko tämä artikkeli hyödyllinen?
0/0 koki tästä olevan apua