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.
