<p>With this module you can place a picture gallery in the website.</p>

<p>With this picture gallery it is possible to insert up to 24 pictures in large format into the website plus a thumbnail per picture. 
The thumbnails are displayed on the landing page. If the visitor clicks on one of the thumbnails, the animated picture gallery will be opened. 
By clicking on the arrow keys, the user can now scroll through the pictures one after another. Click on the picture to scroll to the next picture. 
Each time you scroll on, the system will start a charge animation, which will blink until the image is completely loaded. 
Also, the user does not have to open each preview image individually, because the image gallery has a scroll function. 
Each image has an information field of up to 100 characters.
</p>

<p><b>Picture gallery online:</b> With this function one determines, whether the picture gallery should be activated and the thumbnails should be displayed in the landing page.</p>

<p><b>Picture gallery, position:</b> With this function, the picture gallery can be moved between the individual blocks of text.</p>

<p><b>Headline:</b> Since the system is divided into blocks, it is also possible to assign a separate headline to the picture gallery. This can, but does not have to be used.</p>

<p><b>Image 1 - 24, Preview picture:</b> Select the image (s) you want to display as a preview image in the landing page. 
Image URLs with the note "preview image" are thumbnails and are displayed accordingly small in the landing page.
If the visitor clicks on the preview image, the image is displayed in the large view (see "Image 1-24 (Gallery Image), URL"). 
The width of the thumbnails is preset to 200px due to the responsive design, i. always create the thumbnails on the 200px width. 
Images that are larger automatically reduce the system to 200px width. Optimal size of thumbnails: 200x250px.
</p>

<p><b>Image 1 - 24, Gallery image:</b> Select the image (s) to be displayed as an image in gallery view. 
Picture URLs with the caption "Gallery picture" are pictures with normal size and are displayed after clicking on the preview picture. 
To do this, the system starts the animated gallery view by clicking on the preview image.<br>
Image size: No limit. Optimal size of images: 1000x600px (these values should not be exceeded).
</p>

<p><b>Image 1 - 24, Text:</b> For each image you can and should insert an information text. This information text is "processed" several times. 
In the preview image, when the visitor moves the mouse over the image (mouseover) and in the gallery view as the headline above the image. 
Also, search engines can read the information text that is included in the preview image as so-called "alt" text. 
This in turn has a positive effect on the SEO and ranking.</p>

<p><b>Tip:</b> Make all thumbnails the same size, both width and height. This creates a consistent view in the landing page.</p>

<p class="font12">Translated by Google Translate</p>

