Gap or lapse between slides - Post ID...
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!
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!
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;
}
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
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
Thanks, Eric!
I'm giving it a try.
I'm giving it a try.
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!
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!
Try this on here http://learningccsoftware.coffeecup.com/gap.html
#TEST1{
max-width:400px;
}
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
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
Eric, thank you.
I appreciate your help.
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.