How to rotate (banner rotator) images automatically instead of refreshing. Images will upload throug

sailendra kumar asked on April 14, 2017 06:18

Hi,

In my Hosted trail website, 1. I have created a custom page type for inserting Images. 2. Added "repeater control" and "Banner rotator" to display images, 3. Here, when I implement this web part in my page, Images are not rotating. I need to refresh page to load another images. 4. I want to rotate images automatically instead of refreshing the page every time. Can any one please help me how to write the code

Best Regards Sailendra

Recent Answers

Brenden Kehren answered on April 14, 2017 06:39

You can implement your own rotating banner like BXSlider and using a repeater with file page types.

I'd remove the banner rotater webpart and just use the repeater with a slider like BX and see how that goes.

1 votesVote for this answer Mark as a Correct answer

Chetan Sharma answered on April 14, 2017 09:34

There are few things you can do here. Do you want a different image on each page load or do you just want images to scroll automatically after the page loads?

Extending on Brenden's advice. I would use repeater but I would not replicate BXSlider. It has very limited features. I would rather use Slick slider It has everything you may ask for.

It is responsive, lazy loading and a lot of funky controls. Very easy to implement.

Try this. Foundation framework also suggests to use this.

1 votesVote for this answer Mark as a Correct answer