Index > How do I add pictures to my site?

There are various ways you can add your images to your website. 

Use the Gallery Widgets

With Wizz-it Gallery Widgets, you no longer have to drag and drop individual photos and resize them on your site, or use a third party application to create a photo gallery.The Gallery Widgets automatically create an attractive clickable picture galleries.

Here's how to create your Gallery:

  1. Choose the type of gallery you want to use (Scollthrough / Slideshow / Grid) and Drag the corresponding Gallery Widget onto your page (you'll find it in the "Gallery" section of the Widgets menu).
  2. Click on the Add Images button to add the images to your gallery (please note that Gallery Images can't be shared between galleries and aren't stored in your webspace). To upload multiple pictures at the same time: Hold down "ctrl" (for PC users) or the "cmd" key (for Mac users), while clicking on the pictures you would like to upload.
  3. Once your images have been uploaded you will see them listed in the main dialog box.
  4. To upload more images: press the Add Images button.
  5. To delete an image: press the Delete button on the image you want to delete.
  6. To reorder images: The images when added should be initially put in alphabetical order depending on their filename. If you want to re-order them simply click and drag the thumbnail image up / down the list to the desired position.
  7. To edit an image title: Click the Edit button and a dialog box will open up where you can change the picture title. Press the Save button to save your changes.
  8. To resize an image: Click the Edit button and a dialog box will open up and enter the new dimensions in the Resize Image to fields. If you only know the new width or height and want to scale the image accordingly just check the Constrain Properties box and after entering the new dimension click your cursor in the other box and the new size will be automatically generated). Press the Save button to save your changes.
  9. To edit the image: Click the Edit button and a dialog box will open up. Then click on the Edit Picture button beneath the thumnail and our picture editor dialog box will open up allowing you to edit the image in a number of different cool ways! Once done press the Save button to save your changes.
  10. The Settings tab allows you to choose a number of settings for your gallery. All of these should be pretty self explanaitory - if you find your gallery is to high or wide, try entering a width and height for the maximum Image Size fields. The click to view full size option if checked will allow users to view a larger version of the image when they click on it.
  11. The Styles tab allows you to choose how you want the pictures in your gallery to look. You can also choose whether you want a shadow behind the images and what colour border you want for your images (if you don't want a border - leave this field blank).

Use the Picture Widget

  1. Drag and drop a Picture Widget onto your page. The Picture Widget is located in the "Basic" folder of the Widgets menu.
  2. A dialog box will pop up.
  3. Picture: Select the picture you want to use - click on the Select PIcture button and you will be able to select a picture from the files in your webspace (here you can also upload a new one to your webspace if you want).
  4. Title: enter the title of the picture (this is used as the 'alt' text and can be useful for SEO purposes so we suggest using some keywords here).
  5. Dimensions: Enter the size you want your image to be displayed at (if left blank it will display at the actual size)
  6. Shadow: Check this box if you want a shadow around your image
  7. Corner Roundness: If you want your picure to have rounded corners enter a number between 1 and 10 here (10 = very round, 0=square)
  8. Rotate: You can enter a number between 1 and 360 here to rotate your image (this can be negative too).
  9. Border: If you would like a border check the 'yes' box beside the Border label, then you can enter the width of the border, the spacing between the border and the image (a number between 1 and 10) and the colour of the border.
  10. Align: Choose the alignment of your picture.
  11. Link: If you want to turn your picture into a link press the 'Link Picture' button and a dialog box will open up where you can choose the type of link you want to use. Select and add the link to one of the five categories and press the Save and Close button to save your changes.
  12. Press the Save button at the top of the widget to save and insert your picture.
  13. Once added you can scale your picture by clicking on the picture until the white box appears in the bottom right hand corner. Just click and drag this box and your image will scale accordingly.

Use the Text Widget

Using the Text Widget allows you to insert a number of pictures in the same text box as your text.  You can add as many pictures in a row as your chosen style will support. Separate each picture by one or two spaces for the best results:

  1. Drag and drop a Text Widget onto your page. The Text Widget is located in the "Basic" folder in the Widgets menu.
  2. Click on the "Insert Image" button on the Text Editing Toolbar (the icon that looks like a green tree in a picture frame, roughly in the middle of the toolbar).
  3. The File Manager will open up and allow you to browse for and select an image as described above.
  4. You will be able to wrap the text and pictures within the Text Widget by clicking on the picture you just added.