# Dynamic Slideshows

### Config Changes

To migrate current products, perform the following two steps:
* For any panel with type "slideshow", change the type to "image".
* For any panel of type "image", put the image config into an images array. Example shown below.

Before:

{
    "src": "00000000-0000-0000-0000-000000000000/assets/en/Slide 10 - SAGD vs CSS.jpg",
    "caption": "My caption",
    "type": "image"
}

After:

{
    "type": "image",
    "images": [
        {
            "src": "00000000-0000-0000-0000-000000000000/assets/en/Slide 10 - SAGD vs CSS.jpg",
            "caption": "My caption"
        }
    ]
}

### UX Concern

Spencer shares:

> UX concern; panning a map within a dynamic slideshow (with mouse or on mobile) causes both panning and moving the slideshow. I'm not quite sure what the best solution is but its not a very pleasant user experience.

Mohsin replies:

> This is a very good point, perhaps we consult the UI/UX team? I have a few ideas but they're not great.
> * We can disable dragging the slides to change and have the user just use the navigation/pagination. However, I'm not sure if that's acceptable on mobile view. Maybe for mobile, you need two fingers to pan and one finger to switch slides or vice versa?
> * Maybe we can add some padding around the map. If the user drags on the map, only pan the map. If the user drags on the padded area, do the slide switching. However, with the space on mobile already so limited, adding padding may not be a good idea.