add slider

This commit is contained in:
reza
2023-03-01 18:54:54 +03:30
parent c51a2d4134
commit 81ee4604f2
3 changed files with 6 additions and 0 deletions
+6
View File
@@ -2,6 +2,7 @@ import React from 'react'
import SliderOne from '../../public/resource/slider/slier-1(1).webp' import SliderOne from '../../public/resource/slider/slier-1(1).webp'
import sliderJob from '../../public/resource/slider/slider-2(1).webp' import sliderJob from '../../public/resource/slider/slider-2(1).webp'
import sliderBook from '../../public/resource/slider/slider_3.webp' import sliderBook from '../../public/resource/slider/slider_3.webp'
import sliderCallCenter from '../../public/resource/slider/call-center.webp'
import Image from 'next/image' import Image from 'next/image'
import { Swiper, SwiperSlide } from 'swiper/react' import { Swiper, SwiperSlide } from 'swiper/react'
@@ -11,6 +12,11 @@ const Slider = () => {
return ( return (
<div> <div>
<Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'> <Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
<Link href='/stock-unit'>
<img src={sliderCallCenter} />
</Link>
</SwiperSlide>
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'> <SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
<Link href='/stock-price'> <Link href='/stock-price'>
<img src={SliderOne} /> <img src={SliderOne} />
Binary file not shown.

After

Width:  |  Height:  |  Size: 219 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB