Module Geek Camera

Details: By Thanh Nguyen; Documentation; April 30,2015

Basic Settings

Setting

Default

Description

Data Source

Articles

Select a source to get items from

articles	Articles
images	Images

Mode

Normal

Select a mode to get data

normal	Normal
dynamic	Dynamic

Article Categories

Select a categories where you want to get data from

Child Category Articles

Exclude

Include or Exclude Articles from Child Categories.

0	Exclude
1	Include

Category Depth

1

The number of child category levels to return.

Group by category

Disabled

If Enabled, then artibles will be grouped by category and displayed as separate slideshows.

0	Disabled
1	Enabled

Number Items

10

The number of items to display. Enter value 0 if you want to display all articles.

Slideshow Settings

Setting

Default

Description

Skin

Azure Skin

Select a skin

camera_black_skin	Black Skin
camera_white_skin	White Skin
camera_beige_skin	Beige Skin
camera_amber_skin	Amber Skin
camera_ash_skin	Ash Skin
camera_azure_skin	Azure Skin
camera_blue_skin	Blue Skin
camera_brown_skin	Brown Skin
camera_burgundy_skin	Burgundy Skin
camera_charcoal_skin	Charcoal Skin
camera_chocolate_skin	Chocolate Skin
camera_coffee_skin	Coffee Skin
camera_cyan_skin	Cyan Skin
camera_fuchsia_skin	Fuchsia Skin
camera_gold_skin	Gold Skin
camera_green_skin	Green Skin
camera_grey_skin	Grey Skin
camera_indigo_skin	Indigo Skin
camera_khaki_skin	Khaki Skin
camera_lime_skin	Lime Skin
camera_magenta_skin	Magenta Skin
camera_maroon_skin	Maroon Skin
camera_orange_skin	Orange Skin
camera_pink_skin	Pink Skin
camera_red_skin	Red Skin
camera_pistachio_skin	Pistachio Skin
camera_olive_skin	Olive Skin
camera_tangerine_skin	Tangerine Skin
camera_turquoise_skin	Turquoise Skin
camera_violet_skin	Violet Skin
camera_yellow_skin	Yellow Skin

Height

50%

Here you can type pixels (for instance '300px'), a percentage (relative to the width of the slideshow, for instance '50%') or 'auto

minHeight

200px

Enter a Min Height (you can also leave it blank)

Alignment

center

Select an alignment

topLeft	topLeft
topCenter	topCenter
topRight	topRight
centerLeft	centerLeft
center	center
centerRight	centerRight
bottomLeft	bottomLeft
bottomCenter	bottomCenter
bottomRight	bottomRight

Portrait

Disabled

Select true if you don't want that your images are cropped

0	Disabled
1	Enabled

Auto Advance

Enabled

Auto Advance

0	Disabled
1	Enabled

Mobile Auto Advance

Enabled

Auto-advancing for mobile devices

0	Disabled
1	Enabled

Navigation Settings

Setting

Default

Description

Pagination

Enabled

Pagination

0	Disabled
1	Enabled

Thumbnails

Disabled

Select to display or not thumbnails. NOTE: If pagination is Enabled then thumbnails will be displayd as tooltip of pagination, otherwise it will be display as thumbnail list.

0	Disabled
1	Enabled

Creation Mode

Resize then Crop

Select a Thumbnail Creation Mode

1	Scale Fill
2	Scale Inside
3	Scale Outside
6	Scale Fit
4	Crop
5	Resize then Crop

Thumbnail Width

60

Enter a width of thumbnail

Thumbnail Height

60

Enter a Height of thumbnail

Navigation

Enabled

select to display or not the navigation buttons

0	Disabled
1	Enabled

Pause on hover

Enabled

Pause on state hover. Not available for mobile devices

0	Disabled
1	Enabled

Pause On Click

Enabled

It stops the slideshow when you click the sliders.

0	Disabled
1	Enabled

Navigation Hover

Enabled

if true the navigation button (prev, next and play/stop buttons) will be visible on hover state only, if false they will be visible always

0	Disabled
1	Enabled

Mobile Navigation Hover

Enabled

same as navigation hover setting, but only for mobile devices

0	Disabled
1	Enabled

Overlayer

Enabled

A layer on the images to prevent the users grab them simply by clicking the right button of their mouse (.camera_overlayer)

0	Disabled
1	Enabled

Play Pause buttons

Enabled

Select to display or not the play/pause buttons

0	Disabled
1	Enabled

Loader Settings

Loaders Settings

Setting

Default

Description

Loader

Pie

Select type of Loader. (NOTE: even if you choose 'pie', old browsers like IE8- can't display it... they will display always a loading bar)

pie	Pie
bar	Bar
none	Disabled

Bar Direction

Left To Right

Select a Bar Direction

leftToRight	Left To Right
rightToLeft	Right To Left
topToBottom	Top To Bottom
bottomToTop	Bottom To Top

Bar Position

bottom

Select a Position of Bar

bottom	bottom
left	left
top	top
right	right

Pie Diameter

38

Enter a Pie Diameter

Pie Position

Right Bottom

Select a Pie Position

rightTop

Right Bottom

Loader Color

#eeeeee

Select a Loader Color

Loader Background Color

#222222

Select a Loader Background Color

loaderOpacity

.8

loaderOpacity - from 0.1 to 0.9

Loader Padding

2

how many empty pixels you want to display between the loader and its background

Loader Stroke

7

the thickness both of the pie loader and of the bar loader. Remember: for the pie, the loader thickness must be less than a half of the pie diameter

Slideshow Effects

Slideshow Effect Settings

Setting

Default

Description

Time

7000

milliseconds between the end of the sliding effect and the start of the nex one

Transition Period

1500

lenght of the sliding effect in milliseconds

Grid Difference

250

to make the grid blocks slower than the slices, this value must be smaller than Transition Period

Easing

easeInOutExpo

Select an Easing effect (You can see jQuery UI Effect - Easing demo here https://jqueryui.com/resources/demos/effect/easing.html)

Mobile Easing

Select a Mobile Easing Effect (leave empty if you want to display the same easing on mobile devices and on desktop etc.)

Animations

random

Select an Animations

random	random
simpleFade	Simple Fade
curtainTopLeft	Curtain Top Left
curtainTopRight	Curtain Top Right
curtainBottomLeft	Curtain Bottom Left
curtainBottomRight	Curtain Bottom Right
curtainSliceLeft	Curtain Slice Left
curtainSliceRight	Curtain Slice Right
blindCurtainTopLeft	Blind Curtain Top Left
blindCurtainTopRight	Blind Curtain Top Right
blindCurtainBottomLeft	Blind Curtain Bottom Left
blindCurtainBottomRight	Blind Curtain Bottom Right
blindCurtainSliceBottom	Blind Curtain Slice Bottom
blindCurtainSliceTop	Blind Curtain Slice Top
stampede	Stampede
mosaic	Mosaic
mosaicReverse	Mosaic Reverse
mosaicRandom	Mosaic Random
mosaicSpiral	Mosaic Spiral
mosaicSpiralReverse	Mosaic Spiral Reverse
topLeftBottomRight	Top Left Bottom Right
bottomRightTopLeft	Bottom Right Top Left
bottomLeftTopRight	Bottom Left Top Right

Mobile Animations

leave empty if you want to display the same effect on mobile devices and on desktop etc.

random	random
simpleFade	Simple Fade
curtainTopLeft	Curtain Top Left
curtainTopRight	Curtain Top Right
curtainBottomLeft	Curtain Bottom Left
curtainBottomRight	Curtain Bottom Right
curtainSliceLeft	Curtain Slice Left
curtainSliceRight	Curtain Slice Right
blindCurtainTopLeft	Blind Curtain Top Left
blindCurtainTopRight	Blind Curtain Top Right
blindCurtainBottomLeft	Blind Curtain Bottom Left
blindCurtainBottomRight	Blind Curtain Bottom Right
blindCurtainSliceBottom	Blind Curtain Slice Bottom
blindCurtainSliceTop	Blind Curtain Slice Top
stampede	Stampede
mosaic	Mosaic
mosaicReverse	Mosaic Reverse
mosaicRandom	Mosaic Random
mosaicSpiral	Mosaic Spiral
mosaicSpiralReverse	Mosaic Spiral Reverse
topLeftBottomRight	Top Left Bottom Right
bottomRightTopLeft	Bottom Right Top Left
bottomLeftTopRight	Bottom Left Top Right

Rows

4

rows

Columns

6

Enter a number of Columns

Sliced Rows

8

if 0 the same value of rows

Sliced Columns

12

if 0 the same value of columns

Opacity On Grid

Disabled

Decide to apply a fade effect to blocks and slices: if your slideshow is fullscreen or simply big, I recommend to set it false to have a smoother effect

0	Disabled
1	Enabled

Slide On

random

decide if the transition effect will be applied to the current (prev) or the next slide

random	random
next	next
prev	prev

Contents
Basic Settings
Slideshow Settings
Navigation Settings
Loader Settings
Slideshow Effects

{{{_source.title}}} {{#_source.showPrice}} {{{_source.displayPrice}}} {{/_source.showPrice}}

Geek Joomla Camera Slideshow Module

Basic Settings

Slideshow Settings

Navigation Settings

Loader Settings

Slideshow Effects

Useful Links

Help & Support

Demo Links

Resources

Our Network