Embedding Hype Animations in RapidWeaver

05/19/2016 - ⇨ 

Method 1:

Embedding an animation within the RapidWeaver Project

 

RapidWeaver includes a smart Resource macro. The %resource% macro allows advanced users to link to resources within HTML code.

Note: The %resource% macro generates the URL of the resource, it doesn’t generate any HTML code itself.

%resource%  in the official RapidWeaver guide.

articles_rw_import_resources_guide

Snipped available in the Demo Project. You must change the Javascript content with your own code.


Method 2:

Embedding animations with External URL

RapidWeaver offer various ways to embed HTML code in the project.
An iFrame is used to embed content in a page which is not part of the content of the page itself. Snipped available in the Demo Project.

<iframe> <width=”600px” height=”600px” src=”URL” style=”border:0px” scrolling=”no”></iframe>


RW Plugins with HTML support:

Style Text Page: Allow you to easily stylise content such as text, images or HTML.
HTML page: You can include HTML or Javascript code.
OffSite Page: Direct visitors to external URL ( only one URL )
Stacks plugin (commercial plugin): Use an HTML stack inside the content page.


   View Demo online   Download RapidWeaver Project


I like it Loading...


What happens if you put two fantastic software together? #html5 @hypeapp animations inside a brand new @rapidweaver 8 theme. A new and original style to stand out. HYPEPRO is the perfect companion for @rapidweaver to create compelling content. take a look https://t.co/nesh3Weq4f

Travis shared his Hype document so you can dig into how he built this fun banner: https://t.co/Fwh80v9wyL
https://t.co/4xeMDs3Qwc

Load More...

Templates by category

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this. Read the COOKYES POLICY

Close