Video Animation Javascript

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
18,103 posts
Online Now

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.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
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 personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
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
18,103 posts
Online Now

Link?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
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 personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
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
1,756 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
The Help You Need : When You Need It The Most
website https://rsdtutorials.com

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
11,501 posts
Online Now

I changed it to display: block, and the video could be seen.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.horgenhonning.net/
Component sharing for RFF, RBB, RSD and SD: http://www.horgenhonning.net/sharing/


User 2699991 Photo


Registered User
1,756 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
The Help You Need : When You Need It The Most
website https://rsdtutorials.com

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.