I've used the Upfront Draggable Element in a test webpage. It works very nicely in full desktop mode and I like how you can reposition the images to suit the slider.
If you view the slider on a table or phone (or make your browser window skinny) the slider resizes horizontally to suit the media break points.
However, images are left justified. This means in phone/tablet mode, the center and right hand side of the images is hidden and you can't re-align images in responsive mode for the slides.
This can look 'artistic' for the right images, but if you're displaying a building (lets say), the building needs to be in the centre of the image. Currently in in the phone media break point all you would see is the side of the building.
If, in responsive mode you resize the slider to suit the dimensions of the phone or tablet media break points, the full screen dimensions of the slider are lost and the slider does not work.
I'm sure the slider functionality will mature in future incarnations, so for now I'm looking for a temporary fix to align the slider image in the center. Then images in the slider will crop 'gracefully' maintaining the subject and meaning of the slide.
Another option may be to update the style of the slider so that the vertical height changes proportionately with the designated width.
Any ideas on how this can be achieved would be greatly appreciated.