Import Slideshow Method

Step 1

For this you'll need a slideshow plug-in, SymNivo or WeaverPix are both great options, and you'll need Loghound's PlusKit plug-in. Once you have these, create a slideshow page with your slideshow plug-in, and give a it a speciific page name (this page name will be required later). After adding your pictures, open the setup or configure options for your slideshow.

If you currently don't own a slideshow plug-in, here's 15% off codes!

15% off WeaverPix, enter "NCDThemes" during checkout.
15% off SymNivo, enter "symnivorocks2011" during checkout.

Step 2

You're now going to do 2 things. 1) Set the banner width to "980px", and set the height to match the banner height you selected in the style options. 2) Set the Extra Content Area to "1", then disable the loading of jQuery. Using SymNivo for the example, and assuming your using the full site width, your symNivo setup panel should look like this:

* I recommend going to the "Advanced" tab, and disabling the "Enable Box Shadow" option.

Step 3

Add a PlusKit page to your project. Then disable the "Show in Menu" option - under the General tab in the Page Inspector. This adds import page functionality to your whole RapidWeaver project ~ without it appearing in your navigation bar.

Step 4

Now, to add your slideshow into another page's banner area, simply paste the code below into that page's Sidebar panel:
<div id="bannerImport">@import((slideshow-page-name))</div>
Change the "slideshow-page-name" to your actual slideshow page name. Then highlight your code and select "Ignore Formatting" from RapidWeaver's "Format" options. This will make your code appear with a pink highlight when done.

Step 5

After adding your import code into the sidebar, switch to Preview mode, and you now should see you slideshow appear in the banner area. From here, open your Page Inspector Styles panel, and under "Banner Image" select "X (slideshow)". Now your done, enjoy!

G ometrix