In this blogpost, I am going to create Bootstrap Image carousel using SharePoint Jquery REST API, The basic idea is that images are retrieved from SharePoint list and by using SharePoint Jquery/ REST API I will be retrieving the list items and render it to UI using Boostrap version 3 carousel code.
SharePoint list: I am maintaining images in separate picture library and I am referring the links in below list. Carousel images are clickable and links are indicated in appurl. I am also doing sorting on images so that I can show specific image in order. I had added reference for boostrap.js and bootstrap.css
Bootstrap Carousel:
Here is the link for boostrap carousel version 3.
Usage: Above code can be directly placed in content editor web part.
Result:
SharePoint list: I am maintaining images in separate picture library and I am referring the links in below list. Carousel images are clickable and links are indicated in appurl. I am also doing sorting on images so that I can show specific image in order. I had added reference for boostrap.js and bootstrap.css
Bootstrap Carousel:
Here is the link for boostrap carousel version 3.
Usage: Above code can be directly placed in content editor web part.
Result:
Do you have source code some where? Git or any other place?
ReplyDeleteThis comment has been removed by the author.
ReplyDeletewhere is code
ReplyDelete