KNOWLEDGE CENTER

 

 



 

 

 

 

 

 

     

Creating a Slide Show

 

 

 

 

 

 

 

A vibrant and innovating website attracts your future customers' attention,

and can cause a pleasant experience.

 

 This encourages customers to do business with you.

 

Webtreepro offers you the ability to add a Slide Show

to your website to entertain, and be a visual backup to the site's content.

 

A Slide Show displays a set of photos,or images that are

stored in your Library.

 

 

 

 

 

 

 

 

To add a Slide Show,

 

 click the Add Content button

 

that is located

 

 in the gray panel

 

to the left of your screen.

 

 

 

 

The Add Content wizard brings up the list of

 Content Types.  Select Slide Show

 

 

 

  1. Click Next  , and Webtreepro will bring up the Placement screen.  Choose a Placement, and a Panel location.  Some of the templates seen below may or may not be the same template selection you have available for your use. The needs of individual websites vary.  Webtreepro offers different selections to meet your website's particular needs.  To review Content Placement, click here.

 

 

 

 

  2.     Click Next  , and Webtreepro will bring up the Details screen.  At the Details screen, there are three tabs to go

           through.   Let's start with the Viewer tab, seen below.

 

 

  Viewer:

 

  1.  Image Location:  If you have a specific folder already created for your desired Slide Show, you'll need to find its location.

 

        • Click Select   located under Image Location.    This brings you to the Library.  An example of the Library's screen is seen below. 

 

        •  On the left side of the screen, click the folder of the particular Slide Show you need. 

 

        • To the right, you will see the titles of all the images that are stored within this Slide Show folder.  If there is an image listed that you don't want included, select it by clicking in the gray box next to the image's title. 

 

        • Now go up to Properties.  You can put the image in a different folder, or instead, you can delete the image to avoid having it displayed in the Slide Show. 

 

        • You will be brought back to the above Viewer screen where you'll see your particular Slide Show folder has been automatically entered into the

                         Image Locator bar.

 

 

 

 

 

 

        •  If you don't have a Slide Show folder already set up, you can create one.  Please see the page Creating a New Slide Show Folder, or click here.

 

 

Hint: 

 If you have several Slide Show files, it would be a good idea to give them specific names that reflect their content, such as "Elephants," rather than

"Slide Show # 1," as seen in the example!

 

 

         

 

 Now, that your Slide Show folder is selected, the next step is to plan how the Slide Show will appear to your visitors.

 

   2.   Viewer Dimensions:  Viewer refers to the "container" of the Slide Show.

      • Width controls the width of the viewer.  Enter a number in pixels to change this setting. (The default setting is 480 pixels.)

 

      • Height controls the height of the viewer.  Enter a number in pixels to change this setting.  (The default setting is 360 pixels.)

 

      • Border controls the border of the viewer.  Enter a number in pixels to change this setting.  (The default setting is 1 pixel.)

 

      • Color controls the color of the border around the viewer.  To select a color, enter the color hex code number in the text box next to "Color," or click on the square to choose a color from the color palette.  (The default setting is black.)

 

      • Placement within Panel controls the position of the viewer in the panel on your page.  Using the dropdown arrow, choose Left, Center, or Right. 

                    (The default is set at Right.)

 

      • Viewer Padding provides a buffer around the outside of the Slide Show viewer.

 

     You're ready to click on the Show Options tab which is to the right of  the Viewer tab.  If you click Next   you will go directly to

          Publish Dates tab, and will skip over the Details' next two tabs which you may not be ready to do, yet.

 

         
   

Show Options:

 

 

 

The Show Options window seen above, offers you many choices to customize your Slide Show.  We'll go through each option in detail.

 

   1.   If you check the box for Automatically Advance, go to the right to Duration of each image, and select how long you want each slide to remain in the viewer. 

         (Default is 5 seconds.)

 

   2.   If you check the box for Pause on Hover, the Slide Show will stop when the visitor's cursor is held over the Thumbnail images. 

 

   3.   You may choose how fast the slides change from the dropdown to the right, which is showing Instan...  (Instantly.)  The default is "Medium."

 

   4.    If you check the box for Show Controls, you allow the visitor to go forward or backward through the Slide Show.

 

   5.    If you check the box to Open Image on Click, you allow the visitor to start the Slide Show when the image is clicked on.

 

   6.    If you check the box to Show text, you allow any text that is on the slide to be shown to the visitor.  The same is true with Title and Description.

 

   7.    Font Size, Position and Height, allow you to choose the text size, and where the text will appear on the Slide Show.

 

   8.    Display Thumbnail, allows a visitor to watch a thumbnail of the Slide Show, and stop it at any time by moving the mouse onto the viewer.

 

   9.    The Thumbnail can be placed at the top or bottom of the viewer.  Width and Height can be adjusted by entering the desired number of pixels. 

 

 10.     If you check the box for Display preview on mouse over, the visitor will see the Thumbnail when he/she moves the mouse over the Thumbnail slides.

 

     Now, you're ready to move to the Details' final tab,  "File Links," which is located to the right of the tab "Show Options."

  If you click Next   you will skip over "File Links," and go to the Publish Dates window in the Add Content wizard.

 

         

 

  File Links:

 

 

 

 

 

   1.   Here you'll see a thumbnail of each slide in your Slide Show.  You will see 4 slides at a time.  If you have more than 4 slides in your Slide Show folder,

         page numbers will appear at the bottom of the tab.  Click on the subsequent page numbers to see the next set of four images. 

 

   2.   If you'd like one or more of the slides to be linked to a page within your site, click Link Image, and by using the dropdown arrow

         at the end of  Use external Url, select the page within your site by clicking the page's title.  The page title will replace Use external URL.

 

   3.  If you want a slide to be linked to an external URL, insert the URL in the blank bar under Use external URL.

 

   4.  Open in a new window:  Click this box if you want the link to be shown on a separate page.  

 

   5.  Steps #2, 3 and 4 are handy when you want to link the slide to a page that has more information relating to the slide.  For example, if you have a slide depicting

         college students cavorting in the surf, you may want to link that slide to a page that has detailed information about a special vacation promotion for Spring

         Break.

   6.   Click Next   to go to the Published Dates tab. This is where you determine when the Slide Show can be seen. To review Published Dates,

          click here.

   7.   Click Next   to go to the Visibility tab.  This is where you determine who can see the Side Show.  To review Visibility, click here.

   8.   Click Next   to go to the Publishing tab.  This is where you decide if the Slide Show should be pushed to your child sites.  To review Publishing,

          click here.

   9.   Click Finish   to save all your selections, and return to your working page.  Your Slide Show will be in place.

 

 10.   Click "Cancel" to cancel all selections, and exit the wizard without creating a Slide Show.

 

 11.   To test the Slide Show, you must be in Published Mode, or click on Date Preview that is located in the gray panel to your left.

 

 

 

   A Special Note:

 

      •   The slides will be listed in the order of their appearance in the Slide Show, either in alphabetical, or numerical order. 

                       If you want the slides shown in a certain order, you'll need to change the slides'  titles and make them be in

                       alphabetical order.  You can change their titles by going back to the Library,and select the slide by clicking

                       in the gray box next to its title.  Then, go to the top of the Library's screen, and click "Properties."   A portion of the    

                      "Properties" screen is seen below.  In order to have the slide appear in the order YOU choose, you can re-name the

                       image/slide acccordingly by entering it in "Display Name."   A suggestion:  Put an alphabet letter in front of

                       each slide's title.

 

      •  Another way to change a slide's position within the Slide Show is to make the title of each slide exactly the same,

                     but add a number at the end of the slide's  title, as seen below.  

                     For example:   Here, we see, "alaska_ct_default_01," and  we know that it will appear as the first slide,

                     whereas "alaska_ct_default_04"  will be shown in 4th place.

 

 

 

      • Then, click the Done    button located at the bottom of the Library screen to save

                     the newly changed titles.

 

 

 

                                                                                              

 

 

 

 Slide Show Properties

   

 

 

As with all newly added Content, the Slide Show will be located at the bottom of the selected panel.  You may want to move it elsewhere.  If so, do a right click inside the Slide Show, and the Slide Show Properties window appears, seen above.

 

Click Move to... and another flyout appears.  Make a selection.  In order to move the Slide Show to its perfect location, this process may need to be repeated. 

 

  

 

 

 

 

 

 

 

 

 

 

Creating a New Slide Show Folder | Edit or Delete a Slide Show