Different Slideshows for Different...

User 2088758 Photo


Senior Advisor
2,819 posts

Doesn't matter... they are completely two different slide shows... i could have made one with 5 and one with 20.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 187934 Photo


Senior Advisor
19,193 posts

You need to switch to RCS so you can drop one of those.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2088758 Photo


Senior Advisor
2,819 posts

Yes for sure! Thats what I was saying to Bob earlier. I built this before RCS was available.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 187934 Photo


Senior Advisor
19,193 posts

@Steve you could have wrote your own media queries to control the content.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 486215 Photo


Registered User
74 posts

Scott Swedorski wrote:
One possible way you could accomplish this is to add multiple HTML Elements to your RSD project for your sliders. Each HTML Element would then contain the unique slider that you only want to appear for certain display sizes. Then on those breakpoints, set the Display to None for the HTML Element that you do not want to appear.

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
User 103173 Photo


VP of Software Development
0 posts

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.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2088758 Photo


Senior Advisor
2,819 posts

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


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;
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 187934 Photo


Senior Advisor
19,193 posts

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


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.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 486215 Photo


Registered User
74 posts

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.

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.:)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.