Supersized est un plugin jQuery permettant d'afficher un background ou un slideshow en plein écran.

Avec Supersized, il est possible d'afficher une image de background en plein écran, ainsi que de faire défiler une galerie de photos à l'aide d'un slideshow.

Les images s'adapte au redimensionnement du navigateur en gardant les mêmes ratios de dimensions.

Avec le slideshow, les images sont préchargées par accelérer leur défilement et les miniatures des photos suivantes / précédentes s'affichent dans la barre de contrôle.


Nouveautés de Supersized version 3.0

    Prise en charge du scrolling
    Augmentation de la performance en cas d'utilisation d'un grand nombre de photos
    Les images doivent être déclarées dans un Array.
    Ajout des miniatures de navigation.


Utilisation de Supersized

L'utilisation du plugin pour afficher seulement une image en background, sans les options de slideshows, nécessite seulement de l'instancier et de lui déclarer une image :

01.<script type="text/javascript" src="supersized.3.0.core.js"></script>
02.<script type="text/javascript">
03.$(function(){
04.$.fn.supersized.options = {
05.startwidth: 640,
06.startheight: 480,
07.vertical_center: 1,
08.slides : [
09.{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/slides/fence.jpg' }
10.]
11.};
12.$('#supersized').supersized();
13.});
14.</script>

Puis d'insérer la div correspondante dans son contenu :

1.<!--Slides-->
2.<div id="supersized"></div>

LIEN