forked from tsc-vfl/hugo-page
Create basic slider
This commit is contained in:
|
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 140 KiB After Width: | Height: | Size: 140 KiB |
2
themes/tsc_vfl/static/js/jquery-3.6.3.min.js
vendored
Normal file
2
themes/tsc_vfl/static/js/jquery-3.6.3.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
26
themes/tsc_vfl/static/js/slider.js
Normal file
26
themes/tsc_vfl/static/js/slider.js
Normal file
@@ -0,0 +1,26 @@
|
||||
$(function () {
|
||||
var index = 0
|
||||
const maxIndex = 5
|
||||
const delay = 7000
|
||||
function showImage(idx) {
|
||||
const imgs = $('#header .slider img')
|
||||
imgs.eq(idx).removeClass('hidden')
|
||||
imgs.filter((i, e) => {return i != idx}).addClass('hidden')
|
||||
}
|
||||
function getNextIndex() {
|
||||
const ret = index + 1
|
||||
if (ret > maxIndex) {
|
||||
return 0
|
||||
} else {
|
||||
return ret
|
||||
}
|
||||
}
|
||||
function nextImage() {
|
||||
const newIdx = getNextIndex()
|
||||
console.log("switching to index", newIdx)
|
||||
showImage(newIdx)
|
||||
index = newIdx
|
||||
setTimeout(nextImage, delay)
|
||||
}
|
||||
setTimeout(nextImage, delay)
|
||||
})
|
||||
Reference in New Issue
Block a user