Indice

Scegliere se usare l'indice laterale a tendina o il fullscreen, utilizzando i component necessari.
Scollegare il component se necessario una volta scelta l'impostazione, così da mantenere la stessa tipologia su tutte le pagine.

Il funzionamento è dato dall'ID dei bottoni. Il numero della slide di atterraggio va impostato nel codice dell'head della pagina.

_________________________

Come stilizzare

All'interno del div .stylesheet sono presenti:

• .splide__slide: classe della slide
• .slide_image: elemento immagine in cui verrà visualizzata la pagina
• .splide__arrows: classe del contenitore delle frecce
• .splide__arrow.splide__arrow--prev: classe del bottone della freccia sinistra
• .splide__arrow.splide__arrow--next: classe del bottone della freccia destra

Questi elementi sono inseriti nell'embed. Quelli presenti in .stylesheet servono solo per stilizzare la classe.
Elementi e classi aggiuntive non verranno ereditati all'interno della struttura presente nell'embed.

‍

Dove caricare le pagine

Tutte le e immagini delle pagine vanno caricate dentro la cartella emotions, in una cartella "pages" con dentro una cartella per ogni slider/pagina.
Caricare tutte le pagine del book in formato immagine dentro la cartella "nome-output" e rinominarle in maniera crescente: page001.jpg, page002.jpg, etc

‍

Cosa modificare

Nel codice presente nell'head di progetto modificare (impostazioni utili per tutte le pagine):

• dominio: url dell'emotions
• cartella: nome della cartella contenente tutte le immagini delle pagine
• estensione: formato dei file immagini

Nel codice presente nell'head della pagina modificare (impostazioni utili per signola pagina/slider):

• output: nome della cartella in cui sono presenti le immagini per popolare lo slider della pagina
• nome: parte iniziale del nome dei file delle pagine, uguale per tutte le immagini
• numeroPagine: definire il numero di pagine (e dello slider)
• capitolo1, capitolo2, etc: definire la pagina/slide di atterraggio dei bottoni dell'indice