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 
Download Free Version

Slider Demos

  • Javascript image slider examplejavascript image slider Contour Layout with Cube Animation
  • Vertical Slider jQuery Digit Skin with Stack Vertical Effect
  • jQuery Démo Diaporama Auto Noir Layout with Squares Animation

Comment faire des flèches de navigation en dehors du diaporama ?

Vous pouvez avoir envie de changer l'apparence du diaporama et non d'utiliser juste le thème par défaut. Même si WOWSlider ne permet pas directement de repositionner les éléments du diaporama, vous pouvez changer le code manuellement pour y remédier. Entre autres, cela permet de déplacer les flèches de navigation en dehors du slideshow.

Pour ce faire, créez votre diaporama de base. Quand vous en êtes content, « publiez-le » ou sauvegardez l'HTML.

Allez là où le diaporama est sauvegardé, puis ouvrez le dossier « Engine ». Vous y trouverez un ficher nommé « style.css ».

Ouvrez le dans un éditeur de texte simple ou HTML. Dans le doute, utilisez le bloc-notes.

Trouvez la section qui ressemble à ceci :

#wowslider-container1 a.ws_next{
    background-position: 100% 0;
    right:3px;
}
#wowslider-container1 a.ws_prev {
    background-position: 0 0; 
    left:3px;
}

Vous devez changer les valeurs surlignées en rouge. Pour déplacer les flèches en dehors du diaporama, entrez une valeur négative, par exemple -40px. Pour rapprocher les flèches à l'intérieur du diaporama, entrez un plus gros chiffre, par exemple 40px. 0 sert à les positionner à l'extrêmité du diaporama.