Image Gallery

圖片藝廊

Image slider with keyboard navigation. Use arrow keys to navigate.

圖片輪播搭配鍵盤導航。使用方向鍵切換。

Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6

Source Code

var DS = DriftSlider;
var slider = new DS.DriftSlider('.drift-slider', {
  modules: [DS.Navigation, DS.Pagination, DS.Keyboard, DS.A11y],
  slidesPerView: 1,
  spaceBetween: 20,
  speed: 400,
  grabCursor: true,
  keyboard: {
    enabled: true,
  },
});