jellyfin/jellyfin.org
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin.org.git synced 2024-11-30 09:30:52 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Merge pull request #152 from thornbill/swiper-autoplay

Browse Source 
Enable autoplay for screenshot slides
This commit is contained in:
Niels van Velzen 2022-09-10 08:22:46 +02:00 committed by GitHub
commit a60c6c754f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/home/InActionSection.tsx
View File

@ -1,5 +1,5 @@
import React from 'react';
import { Pagination } from 'swiper';
import { Autoplay, Pagination } from 'swiper';
import { Swiper, SwiperSlide } from 'swiper/react';
import HomeImageUrl from '../../../static/images/screenshots/home/10.8-home.png';
@ -53,7 +53,12 @@ export default function InActionSection() {
</div>
<div className='row row--center'>
<div className='col col--10 padding--none'>
<Swiper pagination modules={[Pagination]} className='swiper-pagination--below'>
<Swiper
autoplay
pagination={{ clickable: true }}
modules={[Autoplay, Pagination]}
className='swiper-pagination--below'
>
{screenshots.map(({ id, caption, url, alt }) => (
<SwiperSlide key={`slide-${id}`}>
<figure className='margin--none'>