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
index
close
Introduction
p. 3
Dubai Islands
p. 4
Townhouses
p. 17
The Amenities
p. 31
Capitolo
Capitolo
Capitolo
Capitolo