Highlighted

Is there a way to have a curtain open -- upon entering site?

New Here ,
Jul 01, 2018

Copy link to clipboard

Copied

I have a video that is basically the only thing that'll be on the site (because it is a tv pilot demo).

I would love for there to be some way to enter the site and red curtains open and then the video can be played.

Pretty vague description for now, but any thoughts on how to do this with Dreamweaver?

Thanks!

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Short answer is yes.  There are a number of different ways you could do this.  Below is one example using jQuery animation.  The intro block slides up after 8000 milliseconds.  View source to see the code.

https://alt-web.com/DEMOS/BS-with-curtain-intro.html

Views

217

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Is there a way to have a curtain open -- upon entering site?

New Here ,
Jul 01, 2018

Copy link to clipboard

Copied

I have a video that is basically the only thing that'll be on the site (because it is a tv pilot demo).

I would love for there to be some way to enter the site and red curtains open and then the video can be played.

Pretty vague description for now, but any thoughts on how to do this with Dreamweaver?

Thanks!

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Short answer is yes.  There are a number of different ways you could do this.  Below is one example using jQuery animation.  The intro block slides up after 8000 milliseconds.  View source to see the code.

https://alt-web.com/DEMOS/BS-with-curtain-intro.html

Views

218

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jul 01, 2018 0
LEGEND ,
Jul 01, 2018

Copy link to clipboard

Copied

Yes.

Using css animations. (Short answer).

Slightly longer answer -

useing css animations for the curtain opening effect, you can either open a full screen modal window on load to the browsers viewport size (using vh/vw) with a transparent background.

or

You can make the animation using a div to full viewport size setting the z-index to be above everything else, (transparent background) and once the animation has played fade the div out until the point you can set it to not display.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 01, 2018 2
New Here ,
Jul 01, 2018

Copy link to clipboard

Copied

Thanks!

What is a div?

So you're saying I could make a video file with a transparent background? Like an mp4?

Or is div a certain html video file?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 01, 2018 0
Adobe Community Professional ,
Jul 01, 2018

Copy link to clipboard

Copied

FClintD  wrote

What is a div?

If you don't know what a <div> tag is, you need to work through some basic coding tutorials.   DW assumes you already undertstand this.   At its simplest, a <div> is a box that holds content.

HTML div tag

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 01, 2018 0
Adobe Community Professional ,
Jul 01, 2018

Copy link to clipboard

Copied

Short answer is yes.  There are a number of different ways you could do this.  Below is one example using jQuery animation.  The intro block slides up after 8000 milliseconds.  View source to see the code.

https://alt-web.com/DEMOS/BS-with-curtain-intro.html

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 01, 2018 0