Simple good looking slideshow for Sharepoint Online

%3CLINGO-SUB%20id%3D%22lingo-sub-188114%22%20slang%3D%22en-US%22%3ESimple%20good%20looking%20slideshow%20for%20Sharepoint%20Online%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188114%22%20slang%3D%22en-US%22%3E%3CP%3EHello%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20want%20to%20have%20an%20photo%20carousel%20on%20our%20intranet%20home%20page%20that%20looks%20nice%20(sleek%2C%20modern).%20It%20seems%20very%20hard%20to%20do.%20Currently%20we%20have%20a%20Content%20Query%20web%20part%20but%20it%20does%20not%20look%20great.%20I%20do%20not%20want%20to%20mess%20with%20CDN%20to%20have%20images%20play.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhat%20is%20a%20simple%20option%20to%20do%20this%3F%20I%20am%20thinking%20we%20need%20to%20integrate%20a%20JavaScript%20player%20but%20that%20seems%20like%20it%20could%20be%20tricky.%20Does%20anyone%20have%20a%20an%20article%20that%20shows%20how%20to%20do%20this%20easily%20on%20Sharepoint%20Online%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20didn't%20think%20it%20was%20going%20to%20be%20this%20hard!%3C%2FP%3E%3CP%3E%3CBR%20%2F%3EThanks%2CRob.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-188114%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-188188%22%20slang%3D%22en-US%22%3ERe%3A%20Simple%20good%20looking%20slideshow%20for%20Sharepoint%20Online%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188188%22%20slang%3D%22en-US%22%3EThere%20are%20also%20some%20SPFx%20WebParts%20over%20there%20you%20could%20take%20a%20look%20at%3A%3CBR%20%2F%3E-%20%3CA%20href%3D%22https%3A%2F%2Fblog.velingeorgiev.com%2Fsharepoint-framework-slide-swiper%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fblog.velingeorgiev.com%2Fsharepoint-framework-slide-swiper%3C%2FA%3E%20%3CBR%20%2F%3E-%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Fbootstrap-slider%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Fbootstrap-slider%3C%2FA%3E%3CBR%20%2F%3E-%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Fjquery-photopile%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Fjquery-photopile%3C%2FA%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-188173%22%20slang%3D%22en-US%22%3ERe%3A%20Simple%20good%20looking%20slideshow%20for%20Sharepoint%20Online%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188173%22%20slang%3D%22en-US%22%3E%3CP%3EDid%20you%20try%20image%20gallery%20and%20highlighted%20content%20webpart%20on%20modern%20pages%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fsupport.office.com%2Fen-us%2Farticle%2Fuse-the-image-gallery-web-part-bbcbe560-14a7-4369-8ef5-3255845e3bfd%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fsupport.office.com%2Fen-us%2Farticle%2Fuse-the-image-gallery-web-part-bbcbe560-14a7-4369-8ef5-3255845e3bfd%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3BHighlighted%20content%20webpart%20has%20a%20carousel%20layout.%3C%2FP%3E%3CP%3EAlso%20sharepoint%20responsive%20carousel%20webpart%20using%20SPFx%3C%2FP%3E%3CP%3E%3CA%20href%3D%22http%3A%2F%2Fidangero.us%2Fswiper%2Fdemos%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fidangero.us%2Fswiper%2Fdemos%2F%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1017848%22%20slang%3D%22en-US%22%3ERe%3A%20Simple%20good%20looking%20slideshow%20for%20Sharepoint%20Online%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1017848%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%20created%20a%20simple%20SharePoint%20Framework(SPFx)%20image%20slider%20webpart.%20This%20a%20paid%20webpart.%20Check%20the%20webpart%20here%20-%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fwww.nopvalley.com%2Fsharepoint-framework-image-slider-webpart%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.nopvalley.com%2Fsharepoint-framework-image-slider-webpart%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1033920%22%20slang%3D%22en-US%22%3ERe%3A%20Simple%20good%20looking%20slideshow%20for%20Sharepoint%20Online%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1033920%22%20slang%3D%22en-US%22%3Eit%20says%20supported%20version%20is%20Sharepoint%202019....%20does%20it%20work%20with%20Sharepoint%20Online%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1034149%22%20slang%3D%22en-US%22%3ERe%3A%20Simple%20good%20looking%20slideshow%20for%20Sharepoint%20Online%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1034149%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3786%22%20target%3D%22_blank%22%3E%40Rob%20O'Keefe%3C%2FA%3E%26nbsp%3B%2C%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EThanks%20for%20your%20question.%20%3CSTRONG%3EYes%20it%20will%20work%20with%20SharePoint%20Online%20too.%26nbsp%3B%3C%2FSTRONG%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EInitially%2C%20I%20forgot%20to%20mention%20SharePoint%20Online.%20I%20have%20updated%20the%20product%20information.%20Please%20check%20now%3A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fwww.nopvalley.com%2Fsharepoint-framework-image-slider-webpart%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fwww.nopvalley.com%2Fsharepoint-framework-image-slider-webpart%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Super Contributor

Hello,

 

I want to have an photo carousel on our intranet home page that looks nice (sleek, modern). It seems very hard to do. Currently we have a Content Query web part but it does not look great. I do not want to mess with CDN to have images play.

 

What is a simple option to do this? I am thinking we need to integrate a JavaScript player but that seems like it could be tricky. Does anyone have a an article that shows how to do this easily on Sharepoint Online?

 

I didn't think it was going to be this hard!


Thanks,
Rob.

5 Replies

Did you try image gallery and highlighted content webpart on modern pages

https://support.office.com/en-us/article/use-the-image-gallery-web-part-bbcbe560-14a7-4369-8ef5-3255...

 Highlighted content webpart has a carousel layout.

Also sharepoint responsive carousel webpart using SPFx

http://idangero.us/swiper/demos/

 

I have created a simple SharePoint Framework(SPFx) image slider webpart. This a paid webpart. Check the webpart here - https://www.nopvalley.com/sharepoint-framework-image-slider-webpart

it says supported version is Sharepoint 2019.... does it work with Sharepoint Online?

@Rob O'Keefe ,

Thanks for your question. Yes it will work with SharePoint Online too. 

Initially, I forgot to mention SharePoint Online. I have updated the product information. Please check now: https://www.nopvalley.com/sharepoint-framework-image-slider-webpart