Basic Animation & Simple Design Image gallery

Ce slider bénéficie d'une conception simple mais élégante qui utilise un thème en noir et blanc.

Le slider principal a une mince bordure blanche qui crée un effet simple mais efficace. La bordure blanche ferait bonne figure sur un site utilisant un fond noir ou sombre.

Les flèches de navigation sont visibles à tout instant mais restent très discrètes – une simple tête de flèche blanche semi-transparente de chaque côté du slider. Passer au-dessus leur faire perdre leur transparence et elles deviennent complètement opaques. En cliquant sur la flèche on passe à l'image précédente ou à celle qui suit.

Il y a une légende en bas à gauche, avec un titre et un sous-titre inclus dans des rectangles qui dépassent du côté de l'image. Le titre principal est en lettres noires sur fond blanc semi-transparent, et le sous-titre est en lettres blanches sur fond noir semi-transparent. Le texte est également semi-transparent, ce qui permet à ces légendes de rester discrètes pour ne pas perturber le visionnage.

La police utilisée, “Istok Web”, une police sans-serif moderne, est claire et simple pour un résultat très lisible.

En bas du slider se trouvent une série de nombres en blanc à l'intérieur de carrés noirs semi-transparents. Chaque carré est relié à une image, et quand celui relié à telle ou telle image est exposé, les couleurs s'inversent et on peut voir un nombre noir sur fond blanc opaque.

S'attarder au-dessus d'un de ces carrés fait également s'inverser les couleurs, et amène un aperçu de l'image dans un cadre blanc. En cliquant sur un nombre on passe directement à l'image concernée. Ce système permet de naviguer d'image en image sans avoir à attendre celle que vous voulez voir.

Toutes les transitions se font sans accrocs et très proprement. Ce slider est moderne et très agréable d'utilisation : notamment, l'usage de nombres pour se déplacer entre les images rend la navigation simple et instinctive.

La modification par défaut se nomme ‘basic’ et elle fait défiler les images à partir de la droite. La transition est, en effet, simple mais harmonieuse. Le résultat final est un diaporama élégant dans sa simplicité.

Puisque le diaporama est monochrome, il s’insérerait bien avec un site web au design similaire. Son design est simple, et s’agencerait donc bien avec des sites modernes et minimalistes. Ce diaporama se prête bien à des sites web de mode ou de photographe de mariage, parce qu’il offre une touche sophistiquée.