Oltre ad inserire un’immagine di sfondo è possibile impostare con grande facilità anche una serie di immagini a scrorrimento automatico. Il tal modo è sarà possibile ottenere un vero e proprio slideshow come sfondo del nostro sito web.
Le immagini verranno visualizzate dopo la pagina sarà caricata, in modo che gli utenti non dovranno attendere (in caso di immagini di grandi dimensioni) il caricamento dell’immagine prima di visualizzare il sito. Il plugin per jQuery Backstretch è distribuito gratuitamente sotto le licenze GPL e MIT.
L’implementazione base di Backstretch è molto semplice.
1 |
$.backstretch("http://dl.dropbox.com/u/515046/www/garfield-interior.jpg"); |
Implementazione di Backstretch come slideshow.
1 2 3 4 5 |
$.backstretch([ "http://dl.dropbox.com/u/515046/www/outside.jpg", "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg", "http://dl.dropbox.com/u/515046/www/cheers.jpg" ], {duration: 3000, fade: 750}); |
Demo Download Info | Sito Web | Autore