Fading In & Out - Page 2 - Post ID...

User 188640 Photo


Registered User
895 posts

Here's a link to a slider using text images and the settings for the second slider in my post above: http://mytestblog.net/rcs3/
A Rose is Just a Weed in a Corn Patch!
User 188640 Photo


Registered User
895 posts

Here's one with longer change times: http://mytestblog.net/rcs665/

Animate In & Out 6.00 Animate In 6.00 Animate Out 5.00
A Rose is Just a Weed in a Corn Patch!
User 244626 Photo


Registered User
811 posts

Here's one with a Fade, Flip, Subconscious twist....:D

http://gluexp.coffeecup.com/slides/Padmaster%202000/
Bootstrap 5 CSS Grid.
User 188640 Photo


Registered User
895 posts

That's cool. I haven't had time to really try out all the bells and whistles but I may get a little time this weekend to really try out some of the other options. Thanks for sharing.
A Rose is Just a Weed in a Corn Patch!
User 2088758 Photo


Senior Advisor
3,086 posts

Twinstream wrote:
Here's one with a Fade, Flip, Subconscious twist....:D

http://gluexp.coffeecup.com/slides/Padmaster%202000/


Thanks for sharing! That is a cool thing to do. I never liked the blank background between slides. Nice use of marketing if you ask me.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

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


Registered User
1,583 posts

Ernie

Can you expand on the animate in and out? I can't seem to get it to work

Thanks

Byron
User 188640 Photo


Registered User
895 posts

Byron Tipping wrote:
Ernie

Can you expand on the animate in and out? I can't seem to get it to work

Thanks

Byron


Byron,
I just found your post so it will have to wait until tomorrow. It's late here and time for some sleep.
What would you like me to expand on? Where all the settings go and such? I'll check in tomorrow morning.
A Rose is Just a Weed in a Corn Patch!
User 244626 Photo


Registered User
811 posts

The basic method for fade out fade in is to choose the global option animation "smooth".

The more advanced method is to layer a copy of the next slide picture over the previous slide picture and have it fade in at the end of the previous slide. Since we do not choose to have any transition between the slides it magically changes to the next slide which is the same picture.

This example shows how to do it. It has a heading added also.

Bootstrap 5 CSS Grid.
User 2699991 Photo


Registered User
4,782 posts
Online Now

Ernie Hodge wrote:
[quote=Byron Tipping]Ernie

Can you expand on the animate in and out? I can't seem to get it to work

Thanks

Byron



Smooth is the way to go and to make it more smooth set the "selector animation" apply to
animate in & out --- delay = (pick a number)
duration = (same number)
animate in (same as above)

animate out = delay same as previous
duration = a slightly higher number than animate in

do this for all slides (example showing on http://foundation-framer-tutorials.website )

Wayan

Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 188640 Photo


Registered User
895 posts

Thanks Twinstream and Wayan for explaining that for Byron.I had a vehicle emergency and haven't been able to get back in here.

Byron, did those two posts answer all your questions?
A Rose is Just a Weed in a Corn Patch!

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.