Monday, 27 March 2017

Events

  • Open panel button
  • Close panel button
Duck  in bubbles

You can add content here too!

Add text, links, tables, bullets and images. Position your content here or after the Contact box (if you are using it!).

This image is over 800 pixels wide - es2 has automatically changed its size so it fits neatly in this column.

Contacts

es2 Information & Support Tel: 0300 065 8888

View pages in a different language

Search site

Using the Lightbox effect

You can apply the 'Lightbox' effect to any image or images that you place on any of your pages.

Heres how ...

  1. Position an image somewhere on your page (see placing images if you are not sure how!) - this can be a 'thumbnail-sized' version with text-wrapped around it, a stand-alone picture or a set of small thumbnail images grouped together.
  2. Select the image and open the 'Link' tool dialogue box.
  3. Create a link to the same image.
  4. Click the 'Advanced' tab in the 'Link' tool dialogue box.
  5. In the 'Advisory Title' field type in a brief description of the image. This is displayed in the 'Lightbox'.
  6. In the 'Relationship' field (bottom, left) type in:
    lightbox(item) 
    all in lowercase.
    (Type:
    lightbox() 
    if you do not want the image to be part of a group presentation. It will display using the 'Lightbox' effect but will not be part of any scrolling collection.)
  7. Click OK to close the dialogue box.

Do this for every image on the page if you want them all to be included in the effect.

  1. Save your page content.

Open your web site page and click on an image. You should see the 'Lightbox' effect displaying your picture. If you have set up more than one picture, you will be able to scroll through all of the images on the page either using the 'Next' and 'Prev' buttons or by using the navigation arrows or the 'P' and 'N' keys on your keyboard.


Note: Do not forget to add some 'Alternative text' (Alt text) when adding the original picture to the page.


Example

  

Notes about picture size

Make sure that the images you use are no larger than 1000 pixels wide if in a 'landscape' format or abut 700 pixels high if in a 'portrait' format. If they are larger, then the effect will extend beyond the browser edges and you will not be able to easily view the entire image.

The latest version of the resource browser will automatically upload and resize your images to be suitable for your web site. But if you have previously uploaded large images (larger than about 250Kb) then the easiest method to correct these is to download the images and simply use the upload tool to replace all of them - you can now upload multiple images at one time. To download, right-click on each image and select 'Download'. Download into a temporary folder on your desktop to make it easier to find. When you have successfully downloaded your images, delete the large old images from the server (again right-click and select 'Delete') and use the Upload tool to replace them. Do not rename any of the files in case they are in use on any other pages.

Page last updated:  Monday 19 January 2015

es2 website builder and content management system designed by EiS Kent. Tel: 0300 065 8800. Copyright 2017 Kent County Council. About Cookies