Doesn't matter... they are completely two different slide shows... i could have made one with 5 and one with 20.

You need to switch to RCS so you can drop one of those.

Yes for sure! Thats what I was saying to Bob earlier. I built this before RCS was available.

@Steve you could have wrote your own media queries to control the content.

Scott,
I tried this with three HTML elements each having a fixed <iframe> with a different slideshow and height. I attempted to set only one HTML element to be visible at a particular screen (window) width. The Display settings for the HTML elements would always remain as the LAST ones I made regardless of what breakpoint I moved to afterwards.

Was I supposed to do anything else to make this work?

Here is my RSD file: http://toms-site.coffeecup.com/Different Slideshows 3.zip

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.

Yes essentially that's what i did. I just let RSD write the queries for me. When it breaks down to the mobile view the large gallery display:none; and the small gallery display:block;

No, I was thinking writing your own queries for the text position.

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.

I'm not going to belabor this problem any more since I never had a need to do something like this and may never have a need. But, it made me review my Javascript coding and research what the structure of an <iframe> DOM element is.