Test Carusel

1. Carusel&Slider

Stil minimal (foto nu au contur), 2 coloane (foto) afișate simultan, fără spațiere orizontală între foto, lățime 100% din pagină, cu paginație (punctele de navigare afișate pe mijloc afișate la mouseover), lightbox pe întreg caruselul, derulare rapidă

Procedură:

  • Intri în ”Insert shortcode”

 

 

 

  • ”Filter by type” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”Gallery”
  • Selectezi ”Image Carousel”

 

 

 

  • ”Select Images source” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”Media gallery” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”+Add Images”: alegi foto în mod uzual

 

 

 

 

  • Setări relevante:
    • ”Slides Style” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”Minimal” (carusel fără contur; dacă vrei contur alegi ”Default”)
    • ”Crop Images” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”1:1” (Important! e obligatoriu să cropuiești; dacă nu cropuiești caruselul își va modifica înălțimea automat în funcție de înălțimea foto; ca efect, tot contentul de mai jos de carusel se va deplasa în sus/în jos în timpul derulării caruselului; poți alege și alte rapoarte; ca să arate bine trebuie alese cât mai apropiate de pătrat adică 4:5, 3:4, 2:3)
    • ”Columns”: nr. de coloane (foto) afișate simultan în carusel

 

    • ”Spacing” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”No” (fără spațiere orizontală între foto; dacă vrei spațiere selectezi 😆 ”Yes” 😆 )

 

 

    • ”Max Width”: setează lățimea; dacă lași necompletat atunci ocupă toată lățimea postării

 

 

    • ”Dots (Pagination)” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”Yes” (atunci când faci mouseover pe carusel afișează punctele de navigare pe mijlocul caruselului)
    • ”Link To” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”Lightbox” (activează Lightbox-ul)
    • „Links Target” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”Open in same tab” (Important!)
    • ”Autoplay” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”2” (intervalul dintre derulări; cred că 2 sec e optim; 1 sec e prea rapid, de la 3 sec încolo e prea static)
    • ”Transition Speed” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”Fast” (după gust)

  • ”Insert Shortcode”

2. Carusel simplu

Față de Carusel&Slider are avantaje:

a) setări mai puține
b) știe să mențină înălțimea caruselului constantă, indiferent de înălțimea foto
c) derularea se poate face și din mousewheeld)
d) navigarea din ”Dots” se face derulând foto cu foto (deși se afișează ”n” foto simultan) în timp ce celălalt derulează ”n” foto simultan. Concret, la 8 foto, Carusel&Slider afișează 4 dots, câte 1 ptr fiecare cadru de 2 fotografii. Prin contrast, Caruselul simplu afișează 8 dots, câte 1 ptr fiecare foto, deși cadrele au 2 fotografii.

Și dezavantaje:

a) nu știe să afișeze fără contur
b) afișează întotdeauna cu spațiere orizontală între foto

Procedură:

  • Intrarea în ecranul cu shortcode-uri e identică
  • Din tabloul cu shortcode-uri (vezi foto mai sus) selectezi ”Carousel”.
  • Setări relevante:
    • ”Select Images source”, ”Links” și ”Links target”: la fel ca mai sus
    • Setări Width/Height (numai în pixeli, nu acceptă %)

 

 

 

    • ”Items to Show”: nr. de foto afișate simultan în carusel
    • ”Scroll Number”: pasul de derulare (e bine să fie identic cu nr. de foto afișate simultan, altfel poate fi derutant)
    • ”Show Titles”: afișează titlul fotografiei (dacă există) în carusel și în lightbox

 

 

    • ”Pagination”: similar cu ”Dots (Pagination)” de mai sus
    • ”Mouse Wheel Control” [mks_icon icon=”fa-arrow-right” color=”#000000″ type=”fa”] ”Yes”
    • ”Autoplay” și ”Speed” sunt similare, doar că setarea se face în milisecunde

 

  • ”Insert Shortcode”