Scott Swedorski wrote:
That project file has no breakpoints added to it. You cannot set a display to None without them. Also, the first 2 HTML Elements have the same markup, so it is not different for each.
Yipes! I never noticed that the breakpoints were gone. I put them back in and modified the HTML elements accordingly at the three views. Let's call the views: 'phone', 'tablet' and 'desktop'.
It is true that the 'tablet ' and the 'desktop' views use the same slideshow. This was by design since the Samples3
slideshow was designed to change the slide format when moving from 'desktop' to 'tablet' view. Only the frame height was different in the two views. The 'phone' view always used the Old Photos
slideshow. The frame height that was chosen for each view was to avoid scroll bars even though that option was allowed in the <iframe> parameters.
But here's another thing I noticed about making the HTML elements flip from Display - Block to Display - None. The rows containing the invisible HTML elements always take up some space on the display. So at any one view there may be blank space before or after other elements on the page even though only one frame that was visible. The way around this was to make all the HTML elements visible at all views and change the 'rows' from Display - None to Display - Block or vice versa at the various views.
One more thing about this design: all slideshow always run even if the HTML elements and/or the row is invisible! Thus when switching views the slideshow will display whatever slide happens to be next in the sequence.
Contrast my original design with your alternative design. Both work, but the slideshow effect is different. I don't know which is better or how anyone would want it to work.http://toms-site.coffeecup.com/Different%20Slideshows/http://toms-site.coffeecup.com/Different%20Slideshows%203/
Thanks, Scott, for your alternative design and help with the missing breakpoints.