Hướng dẫn cấu hình Nivo Slider

Nivo Slider là một trong những plugin hay giúp bạn tạo slide hình ảnh trên WordPress hoặc các website khác. Bài viết này mình sẽ hướng dẫn cho các bạn cách cấu hình cho Nivo Slider khi sử dụng plugin này.

Đối với mỗi plugin tạo slider cho hình ảnh hoặc nội dung thì nó đều có nhiều tùy chọn cho bạn cài đặt, bên dưới là 1 vài thông tin để bạn sử dụng khi khởi tạo một slider với Novo Slider.

$("#nivoSlider").nivoSlider({
    effect: 'random',               // Specify sets like: 'fold,fade,sliceDown'
    slices: 15,                     // For slice animations
    boxCols: 8,                     // For box animations
    boxRows: 4,                     // For box animations
    animSpeed: 500,                 // Slide transition speed
    pauseTime: 3000,                // How long each slide will show
    startSlide: 0,                  // Set starting Slide (0 index)
    directionNav: true,             // Next & Prev navigation
    controlNav: true,               // 1,2,3... navigation
    controlNavThumbs: false,        // Use thumbnails for Control Nav
    pauseOnHover: true,             // Stop animation while hovering
    manualAdvance: false,           // Force manual transitions
    prevText: 'Prev',               // Prev directionNav text
    nextText: 'Next',               // Next directionNav text
    randomStart: false,             // Start on a random slide
    beforeChange: function(){},     // Triggers before a slide transition
    afterChange: function(){},      // Triggers after a slide transition
    slideshowEnd: function(){},     // Triggers after all slides have been shown
    lastSlide: function(){},        // Triggers when last slide is shown
    afterLoad: function(){}         // Triggers when slider has loaded
});

Với các thông tin như bên trên, bạn có thể tùy chỉnh cho slider hiển thị các nút phân trang, bạn có thể tắt các nút điều khiển, thay đổi thời gian chờ giữa mỗi hình ảnh,… hy vọng bài viết này sẽ giúp ích được cho bạn trong khâu cài đặt và cấu hình Nivo Slider để tạo slide cho hình ảnh.