Page Image Options


Depending on the design you are using, the Page Image usually resides just above (in some cases below) the . You can choose from our available stock photos, upload a custom image, display flash animation or even have classy image slideshow with animated overlay text. You can edit your Page Image by rolling over top of the image and clicking the  icon displayed at top left.

 

This Page Image Options panel is available with advanced business designs: Atria, AtriaX, Chara, Kuma, Meissa, Pasta Arc, Pasta Split, Pasta Oval, Polaris, Sirius and Vega.


If you are using the following designs: Cocoa, FutureTech, Charcoal, Pasta, Chromia, or Aurora, please view the classic Page Image Options tutorial.

    

Stock Image Selection


To choose a new stock image select Stock Image option from the Page Image drop-down - a long list with small previews of all accessible images will be loaded. You can review them all scrolling up and down and if you need a larger preview of an image just rollover the image thumbnail and click the icon in its bottom right corner. To change your page image just click the thumbnail of the new stock image (orange border will appear around it) and press Update.

 


 

 

You can go through all available stock images at once or review them grouped by Category, Subject or Color.

To do that just switch on the Advanced Options  (at bottom right) and change the Stock Images options positioned just below the Page Image dropdown.  

 

 

Custom Image Upload


To add your own page image select Custom Image from the Page Image drop-down.



    

  

Images can be browsed from the file system, or from the web. If you want to upload a local file select File in the Image File drop-down and browse a file with a valid image extension. If you want to upload a file from the web select URL and paste in a link to a valid image file   

        

By custom image file upload you may choose the height of the image displayed on the page. You may use the recommended default height setting, or define your own page image height.


To do that switch on the Advanced Options  (at bottom right) and use the available options in Image Height field positioned just below the Page Image dropdown.  

 

 

 

Once you upload a custom page image file you may edit it through the leading online image editor, Picnik. The built-in Picnik application works on Mac, Windows, and Linux and it does not require any download or installation.


To start editing, just click the Edit button in the Page Image Options dialog.








The intuitive interface makes it easy to crop, re-size, and rotate your image. You can also enhance the photo, and apply special effects. Once you've applied the desired updates, be sure to click Save and Close. Then click Update in the Page Image Options dialog and that's it!


 

 

Custom Animation Upload

 

To add your own flash animation, select Custom Animation from the Page Image drop-down. The interface is quite similar to the custom image upload interface - in the Animation File drop-down, browse for a file that has a .SWF extension. Or, you can instead select URL, and paste in a link to a valid .SWF file from the web.


 

        

        

Image Slideshow


Some designs have the built-in capability to add an Image Slideshow with animated overlay text to the page header area.

Atlas
Chara
Electra
Kuma
Sirius
Sirius Light
Vega
Vega Light





To start select Image Slideshow in the Page Image dropdown. Then you can begin uploading your slides by clicking the  icon (you can upload as many images as you need).





Use the Image field to upload a local file or a file from the web. You can upload only one image at a time (.ZIP archives are not allowed).

  

Later you can easily update, delete or reorder your slides. To delete a slide use the  icon which appears on rollover the image thumbnail . To change the order of existing slides simply drag and drop the image thumbnails .

  


For each slide, you can set a link and add a caption text that can be animated.


Your slide could link to a page on your site or a page on the web. You can make your choice via the options in the Link dropdown menu. Of course this link is optional, it is perfectly ok to have a page image slideshow without links.

 

To add a caption use the  button and double-click the default text to make it editable. Once you finish your changes you can save the text clicking outside the text area or using Ctrl+Enter / Cmd+Enter. To delete a caption just delete the whole text from the text area. You can drag and drop the caption text to position it anywhere you want on your slide. For more accurate positioning switch on the Advanced Options  (at bottom right) and use the Position fields to set the Top / Left point of the caption.


Via the options in the Caption Animation dropdown you can set the animation type and direction, different for any slide or the same for the whole page image slideshow. To make your work easier you can use the  icon which will set the captions of all slides to use the currently selected animation and mark it as default (i.e. this type of animation will be selected from now on when you add a new caption on a slide).



  


At any time you can set global animation options for your page image slideshow. You can choose between two Slide Transition effects - Fade and Slide. Additionally you can set the Navigation type and position and separately enable previous and next buttons.



The Advanced Options  selector (at bottom right) enables the ability to make even more changes. You can adjust the Slide Duration to control how fast the slides shift. The Slideshow Height sets the height of your slideshow on the page. You can use the Default value for your design, or configure a Custom height.

  


At any point, you can preview your slideshow to see what it looks like without saving your settings using the .


When you are ready just click on the Update button and enjoy your page image slideshow.