30
SEP

FerroSlider - la navigation par défilement

Publié le 30/09/11 à 10h55 par Skwi

FerroSlider est un plugin jQuery permettant de créer une navigation par défillement (scroll) personnalisée.

undefined

Dans sa version de base, FerroSlider est très simple à implémenter ("slidingSpaces" est ici la classe de chaque page).

$(document).ready(function() {
    $('.slidingSpaces').ferroSlider();
});

Mais la force de FerroSlider réside dans ses différentes options :

  • Chargement des contenus en Ajax
  • Direction des transitions (x puis y, y puis x ou diagonales)
  • Images de fond (possibilité de les préloader)
  • Reglage libre de l'easing via la pluggin jQuery Easing Plugin
  • Affichage des flèches de feedback
  • Affichage et position de la "map"

L'un des gros intérêts est de pouvoir définir ses propres matrices de navigation (l'affichage de la map est recommandé pour les matrices complexes). Par exemple, on définira une matrice en croix de la façon suivante :

var matrix = [
    [
        {full:0},{full:1,moveDirection:'yx'},{full:0}
    ],
    [
        {full:1},{full:1,first:true},{full:1}
    ],
    [
        {full:0},{full:1,moveDirection:'yx'},{full:0}
    ]
];

Site officiel

Personne n'a baraguiné de chtite phrase pour le moment !


Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web