This plugin requires at least WordPress 3.0
Installation - http://www.youtube.com/watch?v=B0DH3T0LN5E
Plugin Settings and Playlist Overview - http://www.youtube.com/watch?v=DSDwjV02EcU
How To Create a Grid Showcase - http://www.youtube.com/watch?v=bAFo-o9eOXg
How To Create a Carousel (Group) Showcase - http://www.youtube.com/watch?v=7Jwa5o4FuU8
How To Create a Carousel (One-by-One) Showcase - http://www.youtube.com/watch?v=pnB1OwDa9AQ
How To Create a Perspective Showcase - http://www.youtube.com/watch?v=u9DOCPhkWgE
Step 1. Enter in your wordpress CMS and go to Plugins menu
Step 2. Under Plugins menu click "Add New"
Step 3. Select "Upload", choose the archive lbg_logoshowcase.zip that you downloaded and hit "Install Now"
Step 4. After the plugin is installed click "Activate Plugin"
Step 5. In you page just add the shortcode: [lbg_logoshowcase settings_id='1']
click here for more details regarding the shortcode
From this section you can define the showcases.
If you need to include multiple showcases in your pages with different settings and playlist you can define the showcases and manage the settings for each one.
If you need only one slider in your website, just edit the default one.
From this section you can define the showcase settings.
A. GRID TYPE
| Colum Width | The column width |
| Gutter | The space between the columns |
| Left Margin | The plugin left margin |
| Right Margin | The plugin right margin |
| Top Margin | The plugin top margin |
| Responsive | Possible values: true - the plugin will responsive false - the plugin will not be responsive |
| Responsive Relative To Browser | Possible values: true - the plugin will be responsive relatively to browser dimensions false - the plugin will be responsive relatively to parent div |
| Target | Possible values: '_blank' - the link associated to the primary photo will open in a new window '_slef'- the link associated to the primary photo will open in the same window |
| Show Tooltip | Possible values: true - the tooltip will appear false - the tooltip will not appear The text for the tooltip will be the image title |
| Grayscale | Possible values: true - the images will be grayscale false - the images will not be grayscale |
| Border Width | the image border thikness |
| Border Color OFF State | the image border color for OFF stage. It can be a hexa value or 'transparent' |
| Border Color ON State | the image border color for ON stage. It can be a hexa value or 'transparent' |
B. CAROUSEL (GROUP) TYPE
| General settings | |
| Skin | Possible values: - black - white |
| Responsive |
Possible values: true - the plugin will responsive false - the plugin will not be responsive |
| Responsive Relative To Browser | Possible values: true - the plugin will be responsive relatively to browser dimensions false - the plugin will be responsive relatively to parent div |
| Center Plugin | Possible values: true - the plugin will be centered on the page false - the plugin will be centered on the page |
| Showcase Width | carousel width |
| Auto Play | You can define the time (in seconds) until the next photo will play. If you set it 0 the plugin will not autoplay |
| Number Of Thumbs Per Screen | The number of thumbs per screen. If you set it to 0, it will be calculated automatically. You can set a fixed number, for example 3 |
| Enable Touch Screen | Possible values: true - mobile touch screen support enabled false - mobile touch screen support disabled |
| Target | Possible values: '_blank' - the link associated to the primary photo will open in a new window '_slef'- the link associated to the primary photo will open in the same window |
| Show Tooltip | Possible values: true - the tooltip will appear false - the tooltip will not appear The text for the tooltip will be the image title |
| Grayscale | Possible values: true - the images will be grayscale false - the images will not be grayscale |
| Controllers Settings | |
| Show All Controllers | Possible values: true - all controllers will appear (next, previous, bottom navigation) false - all controllers will not appear (next, previous, bottom navigation) |
| Show Navigation Arrows | Possible values: true - next, previous buttons will appear false - next, previous buttons will not appear |
| Show Navigation Arrows On Init | Possible values: true - next, previous buttons will appear on first plugin init false - next, previous buttons will not appear on first plugin init |
| Auto Hide Navigation Arrows | Possible values: true - next, previous buttons will hide when mouse out false - next, previous buttons will not hide when mouse out |
| Show Bottom Navigation | Possible values: true - bottom navigation buttons will appear false -bottom navigation buttons will not appear |
| Bottom Nav Position | Bottom navigation bottom margin |
| Bottom Nav Margin-Bottom | Bottom navigation position. Possible values: 'left', middle', 'right' |
| Item Settings | |
| Image Width | image width |
| Image Height | image height |
| Border Width | the image border thikness |
| Border Color OFF State | the image border color for OFF stage. It can be a hexa value or 'transparent' |
| Border Color ON State | the image border color for ON stage. It can be a hexa value or 'transparent' |
C. PERSPECTIVE AND CAROUSEL ONE-BY-ONE TYPE
| General settings | |
| Skin | Possible values: - black - white |
| Responsive |
Possible values: true - the plugin will responsive false - the plugin will not be responsive |
| Responsive Relative To Browser | Possible values: true - the plugin will be responsive relatively to browser dimensions false - the plugin will be responsive relatively to parent div |
| Center Plugin | Possible values: true - the plugin will be centered on the page false - the plugin will be centered on the page |
| Showcase Width | plugin width |
| Auto Play | You can define the time (in seconds) until the next photo will play. If you set it 0 the plugin will not autoplay |
| Number Of Visible Items | The number of visible items. It has to be an odd number: 3,5,7,9,11 etc Please note that the total number of image should be grater than numberOfVisibleItems |
| Elements Horizontal Spacing | The horizontal distance between visible items |
| Elements Vertical Spacing | The value with which the elements are becoming smaller |
| Animation Time | The speed with which the elements are moving (in seconds) |
| Eeasing | The animation easing. Possible values: easeInQuad easeOutQuad easeInOutQuad easeInCubic easeOutCubic easeInOutCubic easeInQuart easeOutQuart easeInOutQuart easeInSine easeOutSine easeInOutSine easeInExpo easeOutExpo easeInOutExpo easeInQuint easeOutQuint easeInOutQuint easeInCirc easeOutCirc easeInOutCirc easeInElastic easeOutElastic easeInOutElastic easeInBack easeOutBack easeInOutBack easeInBounce easeOutBounce easeInOutBounce |
| Enable Touch Screen | Possible values: true - mobile touch screen support enabled false - mobile touch screen support disabled |
| Target | Possible values: '_blank' - the link associated to the primary photo will open in a new window '_slef'- the link associated to the primary photo will open in the same window |
| Show Tooltip | Possible values: true - the tooltip will appear false - the tooltip will not appear The text for the tooltip will be the image title |
| Grayscale | Possible values: true - the images will be grayscale false - the images will not be grayscale |
| Controllers Settings | |
| Show All Controllers | Possible values: true - all controllers will appear (next, previous, bottom navigation) false - all controllers will not appear (next, previous, bottom navigation) |
| Show Navigation Arrows | Possible values: true - next, previous buttons will appear false - next, previous buttons will not appear |
| Show Navigation Arrows On Init | Possible values: true - next, previous buttons will appear on first plugin init false - next, previous buttons will not appear on first plugin init |
| Auto Hide Navigation Arrows | Possible values: true - next, previous buttons will hide when mouse out false - next, previous buttons will not hide when mouse out |
| Show Bottom Navigation | Possible values: true - bottom navigation buttons will appear false -bottom navigation buttons will not appear |
| Bottom Nav Margin-Bottom | margin-bottom for bottom navigation |
| Item Settings | |
| Image Width | image width |
| Image Height | image height |
| Border Width | the image border thikness |
| Border Color OFF State | the image border color for OFF stage. It can be a hexa value or 'transparent' |
| Border Color ON State | the image border color for ON stage. It can be a hexa value or 'transparent' |
| Image | URL to the large image |
| Link For The Image | You can specify a link associated to the image |
| Link Target | Possible values: *** If all your links will behave the same, you can ignore this parameter and use Target Window For Link from Showcase Settings |
| Image Title / Alternative Text | alternative text used to populate "alt" and "title" tags |
The shortcode is:
[lbg_logoshowcase settings_id='1']
where
settings_id is the slider ID defined in "Manage Showcases" section