@@ -11,6 +11,7 @@ export type SimpleImageSliderProps = {
1111 style ?: React . CSSProperties ;
1212 showNavs : boolean ;
1313 showBullets : boolean ;
14+ startIndex ?: number ;
1415 slideDuration ?: number ;
1516 bgColor ?: string ;
1617 useGPURender ?: boolean ;
@@ -30,6 +31,7 @@ const SimpleImageSlider: React.FC<SimpleImageSliderProps> = ({
3031 images,
3132 showNavs,
3233 showBullets,
34+ startIndex = 0 ,
3335 style = undefined ,
3436 slideDuration = 0.5 ,
3537 bgColor = '#000' ,
@@ -44,7 +46,7 @@ const SimpleImageSlider: React.FC<SimpleImageSliderProps> = ({
4446 onCompleteSlide = undefined
4547} : SimpleImageSliderProps ) => {
4648 const rootStyle : React . CSSProperties = useMemo ( ( ) => styles . getRootContainer ( width , height , bgColor ) , [ width , height , bgColor ] ) ;
47- const [ slideIdx , setSlideIdx ] = useState ( 0 ) ;
49+ const [ slideIdx , setSlideIdx ] = useState ( startIndex < images . length ? startIndex : 0 ) ;
4850 const [ slideDirection , setSlideDirection ] = useState ( ImageSliderNavDirection . RIGHT ) ;
4951 const [ isSliding , setIsSliding ] = useState ( false ) ;
5052 const [ currentSliderStyle , setCurrentSlideStyle ] = useState ( styles . getImageSlide ( images [ 0 ] . url , slideDuration , 0 , useGPURender ) ) ;
0 commit comments