Image Gallery

From Wiki openElement
Jump to: navigation, search
Path: Elements / Media / Image Gallery

Contents

Description

An image gallery is a collection of photos or images arranged on a web page for visitors to browse..

Example: ( Preset No Counter )

Galerie img3.png

Add an Image Gallery Element

Drag-and-Drop the element 'Image Gallery from the elements menu anywhere on the page.

Configuration

Dragging and dropping the element on the page will automatically open the "List Management" window.

Galerie img4.png


Add an Image: Add images or photos to the gallery.
Add a Directory: Add an entire directory of images or photos from the computer.
Delete: Delete the selected image or photo.


Properties: Change the properties of the selected image or photo.

Galerie img5.png

Date: Change the date of the selected image or photo.
Description: Add a description to the selected image or photo.
Image: The address of the selected image or photo.
Link to a Page: Add an internal or external link to the selected image or photo.
Title: Corresponds to the name of the selected image or photo.


Galerie img6.png: This button opens the List Manager from the editing pane to make changes to the image gallery.

Other Properties

These are the properties specific to the image gallery. These properties can be configured from the elements and styles menu / Properties.

Galerie img7.png

Appearance

  • Background Color: Color of area behind and around images.
  • Previous Image: Text of button that leads to previous image.
  • Next Image: Text of button that leads to next image.
  • Play: Text of button that launches automatic streaming of images.
  • Pause: Text of button that stops automatic streaming of images.


Common

  • Tooltip: Add a tooltip on an element.
  • Name: Give the element an easily identifiable name.


Behavior

  • Play Button: Displays (or not) the control buttons (play/pause) for the automatic streaming of images.
  • Navigation Button: Displays (or not) the navigation buttons for the images (previous and next).
  • Delay: Time between each image (2000 milliseconds = 2 seconds).
  • Start Automatically: Option to start slideshow automatically.
  • Number of Thumbnails: Number of thumbnails displayed per page in the preview.

Design and Presets

There are numerous style presets available for this element in the Cloud Library. Presets can be accessed through the Elements and Styles Menu, under the Styles tab, in Style Presets.

To change its appearance, users must override the element's various style zones.

Style gallerie img1.png Title
Default Value:
No style by default

Style gallerie img2.png Description
Default Value:
No style by default

Style gallerie img3.png Counter
Default Value:
No style by default

Style gallerie img4.png Image Frame
Default Value:
Aucun style par défaut

Style gallerie img5.png Selection Frame
Default Value:
Borders: 1px solid
Border Style: Full
Border Color: Silver

Style gallerie img6.png Player Controls
Default Value:
No style by default

Style gallerie img7.png Next Page
Default Value:
Default Image: Galeerie img01.png
Image Position: Middle Left
Image Repetition: Fixed

Style gallerie img8.png Previous Page
Default Value:
Default Image: Galeerie img02.png
Image Position: Middle Right
Image Repetition: Fixed

Style gallerie img9.png Play
Default Value:
Borders: 0px none
Style: Invisible

Style gallerie img10.png Pause
Default Value:
Borders: 0px none
Style: Invisible

Style gallerie img11.png Next
Default Value:
No style by default

Style gallerie img12.png Previous
Default Value:
No style by default

Personal tools
Namespaces

Variants
Views
Actions
openElement
Community
Toolbox