# Gavick Image Slider documentation

## Table of contents

- Gavick Image Slider
  - Module possibilites
  - Module configuration
    - Option Module Class Suffix
    - Options Height & Width
    - Option Path
    - Option Auto animation
    - Option Animation type
    - Option Animation interval
    - Option Image load type
    - Options Buttons configuration

## Gavick Image Slider

### Module possibilites

Gavick Image Slider is a module which uses some JavaScript effects for animating images from catalog. This module has 10 animation types and some other options which adjust this module to yours requirements...

### Module configuration

In administration panel you can set options of projection and basic options of design.

#### Option Module Class Suffix

In this option you can set suffix, which will be add to class name for div where will be place Gavick Image Slider. Default this option is blank, so code appear follow:

`<div class="moduletable">`

If you change this option for "slider":

`<div class="moduletableslider">`

We recommend suffix with dash, so option will be set as "-slider":

`<div class="moduletable-slider">`

Then code is more readable.

#### Options Height & Width

In option you can set size of Gavick Image Slider. It's very important that this sizes must be ending by "px". Example: 200px .

#### Option Path

This option store path to catalog with images. This value must be ending by slash ! Examples: "images/", "http://yourdomain.com/images/".

#### Option Auto animation

If you want to slide animation when page is loaded then you set this option for "enabled". In other situation set this option for "disabled".

#### Option Animation type

In this option you have 10 animation types to choose. Watch all and choose the best animation for you.

#### Option Animation interval

This option store information how long is one image showing. Time in miliseconds and value bigger than 4000.

#### Option Image load type

In this option you can set two possibilites - "Load with page" and "Stream load". If you have some and light images then better choice is option "Load with page", but if you have a lot of images or yours images are big then better choice is option "Stream load". Why ? Option "Load with page" means that all images which are need to animation will be load with page, and option "Stream load" means that images will be load in moment when they are needed...

#### Options Buttons configuration

In this section you can set sequence of buttons. If you set "unvisible" for one or more buttons then they won't show in module. Other values (1,2,3 and 4) cann't repeat - otherwise script set default values.