I had some success with setting the image width to 100% by adding a “%” after the 100 (as opposed to no units of measure). I had to leave the height in pixels, but this allows the slideshow to resize on my phone and table. The only thing to work around no is this leave a bunch of white space below the slideshow, on mobile browsers, equal to the “leftover” height of the image. So in my case, about 200px of the original 446px is blank space.
The controls are also below the image in my case (vertically centered, maybe?), although that is more of a plus for usability. To remove the space one could possibly use a Mobile Stylesheet that sets a negative top margin for whatever container is below the slideshow, like:
.textDIV { margin-top: -200px; }
I’m going to try that when I have some time and see what happens.
