A customisable, mobile friendly, interactive image slider

Hello,

I require a customisable, mobile friendly, interactive image slider.

See 'slide-1.jpg' and 'slide-2.jpg' attached, these are example slides.

The user will interact with each image in the following way:

On mobile:

- Just an image slider is required
- Users can naviagte the slide by either tapping the left/right arrows OR swiping left/right (no other interactivity required for mobile)

On tablet:

- a plus icon highlights the product within the slide image, they all load at once
- when the user taps an icon the product name pops up (pop up toggles on/off when tapping the icon)
- when the user taps the product name they are taken through to a product page
- users can navigate the slide images by tapping the left/right arrows OR swiping left/right

On desktop:

- a plus icon highlights the product within the slide image, they all load at once
- when the user hovers over the icon, the product name pops up (pop up turns off when user hovers away)
- when the user clicks the icon or product name they are taken through to a product page
- users can navigate the slide images by clicking the left/right arrows

The slider should respond to the different device sizes.

Once completed our development team will need to be able to customise the following:

- pop up text styling
- icon positions
- number of icons within an image
- add additional images to the slideshow

Here is an example similar to what I want: https://www.oxfordplastics.com/

Many thanks