diff --git a/public/images/sequence/178.jpg b/public/images/sequence/178.jpg index b42a5d0..6f863b5 100644 Binary files a/public/images/sequence/178.jpg and b/public/images/sequence/178.jpg differ diff --git a/public/images/sequence/249.jpg b/public/images/sequence/249.jpg index e84a89e..96acb86 100644 Binary files a/public/images/sequence/249.jpg and b/public/images/sequence/249.jpg differ diff --git a/public/images/sequence/339.jpg b/public/images/sequence/339.jpg index c60e8a2..828629f 100644 Binary files a/public/images/sequence/339.jpg and b/public/images/sequence/339.jpg differ diff --git a/public/images/sequence/51.jpg b/public/images/sequence/51.jpg index e88f826..67d0d2a 100644 Binary files a/public/images/sequence/51.jpg and b/public/images/sequence/51.jpg differ diff --git a/src/components/complexPage/SequenceSlider.tsx b/src/components/complexPage/SequenceSlider.tsx index 6beda44..7b3d3d7 100644 --- a/src/components/complexPage/SequenceSlider.tsx +++ b/src/components/complexPage/SequenceSlider.tsx @@ -12,7 +12,7 @@ import useSequence from "../../store/useSequence"; import SequenceHighlighting from "./SequenceHighlighting"; const arrayLength = 360; -const keyframes: number[] = [50, 177, 247, 338]; +const keyframes: number[] = [51, 178, 249, 339]; // const keyframes: number[] = [50, 177, 248, 338]; interface SequenceSliderProps { @@ -55,7 +55,7 @@ function SequenceSlider({ path }: SequenceSliderProps) { duration: 0.75, ease: "power1.inOut", onUpdate: () => { - const roundedIndex = Math.round(obj.selectedImageIndex); + const roundedIndex = Math.floor(obj.selectedImageIndex); if (roundedIndex >= arrayLength) { setSelectedRightImageIndex(roundedIndex - arrayLength); @@ -82,7 +82,7 @@ function SequenceSlider({ path }: SequenceSliderProps) { duration: 0.75, ease: "power1.inOut", onUpdate: () => { - const roundedIndex = Math.round(obj.selectedImageIndex); + const roundedIndex = Math.floor(obj.selectedImageIndex); if (roundedIndex > arrayLength) { setSelectedRightImageIndex( @@ -174,7 +174,7 @@ function SequenceSlider({ path }: SequenceSliderProps) { ))}