Video Animation Javascript - Page 1 -...

User 2893072 Photo


Registered User
6 posts

Hello,

I'm trying to incorporate an animation with transparency on my website. I'm open to the simplest solution.

I'm following this example: http://www.sciencelifeny.com/transparency/transparency.html

So I created an animation in After Effects as shown, I created an html element in RSD where I put the div. Then I put the javascript in the head.

All I get is the javascript displayed text.

What do I need to do differently?
User 187934 Photo


Senior Advisor
20,267 posts

Hi Taylor dod you wrap your script in script tags?
<script>
Your js here.
</script>
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 2893072 Photo


Registered User
6 posts

Haha, woops, no I didn't.

Anyway, now it's just a blank page.
User 187934 Photo


Senior Advisor
20,267 posts

Link?
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 2893072 Photo


Registered User
6 posts

http://edengirls.club/

I tried attaching the .rsd as well, but it's not allowing me.

User 2699991 Photo


Registered User
5,305 posts
Online Now

Taylor Kurz wrote:
http://edengirls.club/

I tried attaching the .rsd as well, but it's not allowing me.



you have a link to the video, but I cant see a video in your resources also the video has

<video id="video" style="display:none" autoplay
that could be why it,s not showing

you will need either zip the project file & try attach it again or send it to dropbox and post the lnk
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2893072 Photo


Registered User
6 posts

The tutorial specifically says to put display as none. The video should be in there.

Dropbox link:
https://www.dropbox.com/s/kq0kxyqx2jt89 … t.rsd?dl=0
User 122279 Photo


Senior Advisor
14,628 posts
Online Now

I changed it to display: block, and the video could be seen.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
5,305 posts
Online Now

Taylor Kurz wrote:
The tutorial specifically says to put display as none. The video should be in there.

Dropbox link:
https://www.dropbox.com/s/kq0kxyqx2jt89 … t.rsd?dl=0


Same Here
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2893072 Photo


Registered User
6 posts

You're right, but that's not how it's supposed to work. That is essentially two videos combined into one. You should only see that happy face moving with a transparent background. One half is supposed to be used for the alpha information.

Please look at this demonstration: http://www.sciencelifeny.com/transparency/transparency.html

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.