#RAPIDWEAVER TUTORIAL VIDEO HOW TO#
#RAPIDWEAVER TUTORIAL VIDEO CODE#

To use the frame as a background be sure to set you slider’s max-width and the slider will automatically center inside the frame. Style – These are different templates to add shadows to the frame (for sliders with frames) or to the slider (for sliders that use the frame as a background instead). Size – This sets the size of the frame on all sides. Frame Settingsĭetailed Size – Use this option to set specific values for the frames top, bottom, left, and right widths. Navigation Hover – If this is enabled the navigation buttons (prev, next and play/stop buttons) will be visible on the mouse hover state only, if this is disabled they will be visible always. Transition Time – This sets the length of the transition effect.Īutoplay – Enabling this will set the slider to automatically start playing when the page is loaded. Slide Hang Time – This sets the time between the end of the last sliding effect and the start of the next one. Set a max value and the slider will not stretch to fill the width.

Slider Max Width – This option is for when you don’t want your slider to fill the entire width of where you place it. This option is not fully responsive for images and videos. Static Height – This option will keep the slider at a specific height no mater what size the browser window is.50% means one half the size of the width or 2:1 ratio) This option will also keep the slider fully responsive. The percentage is in relation to the slider’s width (I.E. Percentage – Use this option if you want to adjust the height till you get a good fit for your non-standard sized images.This will keep the slider fully responsive and ensures a great fit for most photos and videos. Aspect Ratio – If you know what aspect ratio your images are use this option.Height Type – There are three options for height type: Aspect Ratio, Percentage, and Static Pixel Height. Note: The images will still scale to fit the slider, cropping will only happen if the images have a different aspect ratio than what the slider has. Image Alignment – This sets what area of the image the slider will focus on if the image is too large to fit the aspect ratio.

#RAPIDWEAVER TUTORIAL VIDEO CODE#

You can find the video code in the address bar at the end of the URL string after the last slash Locate the video you want to use on Vimeo and place the video code into the Video Code input.After adding your slide stack to the editor, select the stack and in the panel on the right side of RapidWeaver underneath Slide Settings select the URL Video slide type.Click on the browse button to add your screenshot and you are done. Next you need to add a screenshot (of the video itself or of some other image) so that the transition effect will work.You can find the video code in the address bar at the end of the URL string (after “ ?v=”) or found in the share tab for the video after the last slash Locate the video you want to use on and place the video code into the Video Code input.After adding your slide stack to the editor, select the stack and in the panel on the right side of RapidWeaver underneath Slide Settings select the YouTube Video slide type.

For additional help on styling your captions refer to the Slide Settings guide below.

#RAPIDWEAVER TUTORIAL VIDEO HOW TO#

How to Add CaptionsĪll you need to do is drag and drop a text stack inside the Cinema Slide‘s “Drop stacks here” section to add captions to your slides. Repeat this step for all of the slides you have added.įor additional help on styling your slider refer to the Slider Settings guide below.

Now select the first Cinema Slide stack and in the panel on the right side of RapidWeaver click the browse button underneath the section labeled “Slide Settings”.

Your finished result should appear like the screen shot below. Repeat this step until you have as many slides as you want to use.

Then drag and drop the Cinema Slide Stack into the “Drop stacks here.” section located underneath the heading “Add Slide Stacks Below”.

It should appear like the screenshot below.

First drag and drop the Cinema Slider Stack into the Stacks editor.

Rapidweaver tutorial video