Tochka
/
legacy
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add slider autoplay

This commit is contained in:
b1ek 2023-05-17 04:47:03 +10:00
parent 8ded7379cb
commit 11b0e1fce9
Signed by: blek
GPG Key ID: 14546221E3595D0C
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pairent_frontend_react/src/pages/IndexPage/index.jsx
View File

@ -5,13 +5,15 @@ import { Filters } from "../../API/Filters";
import styled from 'styled-components'; import styled from 'styled-components';
// ras customization
import './ras.css';
import ApartamentService from "../../API/ApartamentService"; import ApartamentService from "../../API/ApartamentService";
import { HashLoader } from 'react-spinners'; import { HashLoader } from 'react-spinners';
import AwesomeSlider from 'react-awesome-slider'; import AwesomeSlider from 'react-awesome-slider';
import withAutoplay from 'react-awesome-slider/dist/autoplay';
import 'react-awesome-slider/dist/styles.css'; import 'react-awesome-slider/dist/styles.css';
// ras customization
import './ras.css';
const AutoplaySlider = withAutoplay(AwesomeSlider);
import constants from "../../constants"; import constants from "../../constants";
@ -376,10 +378,10 @@ export default class IndexPage extends React.Component {
return ( return (
<IndexPageRoot> <IndexPageRoot>
<SliderContainer> <SliderContainer>
<AwesomeSlider bullets={false}> <AutoplaySlider play cancelOnInteraction={false} interval={8000} bullets={false}>
<a href='https://vvsu.ithub.ru/dod' data-src='/images/OpenDoorDay.jpg' /> <a href='https://vvsu.ithub.ru/dod' data-src='/images/OpenDoorDay.jpg' />
<div data-src='/images/Business.jpg' /> <div data-src='/images/Business.jpg' />
</AwesomeSlider> </AutoplaySlider>
</SliderContainer> </SliderContainer>
<Title> <Title>