Gap or lapse between slides - Post ID...

User 2584458 Photo


Registered User
4 posts

Hello.

Would anyone have any experience setting up RCS to avoid the gap or lapse between slides when the animation is set to SLIDE? Here's an example of the problem with a gap:
http://learningccsoftware.coffeecup.com/gap.html

I'm trying to set up the slides so they slide back to back without a gap or without a lapse in between, so that the end of one slide is the beginning of the next when the animation is set to SLIDE, like in this credit union's website slider:
https://www.smartcu.org/

When the animation is set to SMOOTH, the slides play back to back, with the end of one as the beginning of the next, almost without a gap or without a lapse, like this:
http://learningccsoftware.coffeecup.com/nogap.html

When set to SMOOTH the lapse between slides is negligible and I'd like to get the same results when the animation is set to SLIDE (as in the credit union's website slider above).

By the way, going full-width doesn't solve the problem. The gap and lapse remain when the animation is set to SLIDE...

Any pointers and tips would be great!

Thanks!

CoffeeCup Software IS AWESOME!
User 187934 Photo


Senior Advisor
20,190 posts

Give your slide show container a max-width that matches your image width..
.slideshow_container {
border: 0 none;
color: rgb(34, 34, 34);
cursor: default;
direction: ltr;
font-family: inherit;
font-feature-settings: inherit;
font-kerning: inherit;
font-language-override: inherit;
font-size: 100%;
font-size-adjust: inherit;
font-stretch: inherit;
font-style: inherit;
font-synthesis: inherit;
font-variant: inherit;
font-weight: inherit;
height: auto;
line-height: inherit;
margin: 0 auto;
overflow: hidden;
padding: 0;
position: relative;
vertical-align: baseline;
}
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 2584458 Photo


Registered User
4 posts

Thanks, Eric!

I'm giving it a try.
User 2584458 Photo


Registered User
4 posts

Well, I tried working with the width but unfortunately it produces the same gap. I even modified the styles manually in the .CSS files with the HTML Editor but still get the gap.

Here's a video showing what I'm trying to do:
http://learningccsoftware.coffeecup.com … lider.html

I'm trying to use the software itself without having to go into the .CSS or .JS files. I'm hoping there's a setting within the software's panel to produce the simple back to back slide function.

I'll keep trying... and any tips or pointers would be great! If I ever figure this out I'll be glad to post here.

Thanks!
User 187934 Photo


Senior Advisor
20,190 posts

Try this on here http://learningccsoftware.coffeecup.com/gap.html
#TEST1{
max-width:400px;
}
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 2584458 Photo


Registered User
4 posts

Eric, thank you.

I appreciate your help.

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.