EnglishWOWSlider  DeutschBildergalerie Diashow  EspañolGaleria de Imagenes, Slide Imagenes Gratis  FrançaisDiaporama Galerie D'Image  ItalianoImmagini Galleria  汉语网络幻灯片: 效果的幻灯片  Português brasileiroGaleria De Imagens  Русскийслайдер изображений, слайдшоу, CSS3 слайдер  SvenskaBild Galleri  日本語画像のスライダー&ギャラリー  NederlandsAfbeeldingen Caroussel 
  • Red Kite : bootstrap image slider Medium-large bird of prey in the family Accipitridae
  • bootstrap sliderBird of prey found in North America
  • Hawk : slider bootstrap Small to medium-sized diurnal birds of prey

Demonstrations en direct

  • HTML Sliderjquery 3d slider Transparent Theme with Brick Effect
  • Simple slider javascriptsimple jquery slider Gentle Template with Basic linear Effect
  • Image gallery downloadimage gallery Simple Style with Basic Effect
  • JS Curseur sur l'image Premium Skin with Page Transition
  • Galerie Web Photo Subway Design with Basic Transition
  • Slider JQuery automatique Noir Theme with Squares Transition

  Basic Linear Transition & Bootstrap Style Bootstrap slider

Ce slider au design propre et moderne se marierait parfaitement à un site conçu avec Boostrap. Il n'utilise que du blanc (mais on peut changer ce paramètre aisément avec WOWSlider), et il marche très bien avec les images sombres et rentre-dedans.

Ce slider n'utilise pas de bordure ou d'effet d'ombre, et les images apparaissent donc de façon précise et propre, avec une petite couche sombre sur les côtés, qui permet aux éléments UI de se démarquer et donnent un aspect tranchant à l'ensemble.

Ce slider commence son diaporama immédiatement, mais on peut le mettre en pause en passant le curseur sur une diapo. Le diaporama recommence quand vous sortez du slider ou interagissez avec les UI.

Les éléments UI sont toujours visibles : deux flèches de navigation, sur les côtés droit et gauche des images, une légende, et une série de puces en bas de l'image qui permettent d'aller directement à telle ou telle diapo.

Les deux flèches de navigation sont de simples têtes de flèche, sans chichi, blanches et semi-transparentes. La transparence permet de voir le fond à travers. Un effet d'ombre léger les aide à se démarquer et s'accorde parfaitement avec le design de bootstrap. En passant sur les flèches ou même tout près, elles deviennent opaques, et l'ombre sur les côtés s'assombrit. Cela aide les flèches à émerger de façon plus visible.

La légende est bien visible, en bas au centre de la diapo. Elle contient un titre et une description, tous deux en police Helvitca Neue (comme dans l'environnement Bootstrap). C'est une police sans-serif moderne et propre. Une subtil effet d'ombre fait décoller le texte de la page.

Juste sous la légende, une série de puces : des cercles transparents avec des bordures fines blanches. Chaque puce représente une des images du diaporama, en passant dessus on déclenche un aperçu de l'image associée, elle même bordée de blanc et avec une flèche qui pointe vers la puce.

La puce associée à la diapo en cours de visionnage est surlignée. Elle se transforme en un cercle blanc opaque. Ainsi l'utilisateur comprend la fonctionnalité de la navigation par puce.

Ce slider marcherait parfaitement avec un site construit à l'aide de boostrap. Son design propre conviendrait aux sites modernes sur les nouvelles technologies.

En raison de son aspect monochrome, assurez-vous que les images présentées contrastent bien avec cette couleur. Le blanc marche bien avec le noir, et les images rentre-dedans, tandis que le noir convient bien aux images pâles et pastels.

Vous devez choisir un effet de transition simple et direct pour ce slider. Dans cette démo c'est « Basic_linear », où chaque image glisse vers un côté et est remplacée par une image qui glisse depuis le côté opposé.

© 2017 WOWSlider.com - All Rights Reserved. Terms Privacy