Come personalizzare jQuery Slider con una propria immagine dello sfondo

In questa esercitazione, imparerete come personalizzare jQuery Slider con le vostre immagini dello sfondo, in modo da dare allo slideshow un aspetto meraviglioso e unico. Potete vedere in anteprima lo slideshow creato in questa esercitazione su JavaScript Slideshow con immagine nello sfondo

Fase 1 – Preparazione dell’immagine dello sfondo

Prima di preparare l’immagine dello sfondo, bisogna decidere le dimensioni dello slideshow. L’immagine dello sfondo deve essere leggermente più grande dello slideshow. Potrete scaricare l’immagine dello sfondo usata in questa esercitazione da Download Slideshow Immagine sfondo.

Fase 2 – Aggiunta dell’immagine dello sfondo nel software e modifica della posizione

Ora possiamo aggiungere l’immagine dello sfondo al software, nel dialogo Temi, scheda Sfondo. Per modificare le dimensioni e la posizione basta cambiare i valori di Larghezza e Altezza.

I valori di Larghezza e Altezza sono in percentuale e si riferiscono alla larghezza e ampiezza dello slideshow. In genere il valore Larghezza va da circa 100 a 150 e il valore Altezza da circa 0 a -50. Il valore migliore è determinato dalle dimensioni dello slideshow e della vostra immagine. Dovete modificare questi valori con cautela finché otterrete il risultato migliore.

In questa esercitazione scegliamo la Larghezza 112 e l’Altezza -35.

JavaScript Slideshow