Breadcrumbs

Module Geek Camera

A great way to create stunning image slider and posts slider for your Joomla website. The plugin supports images and Joomla articles . It is also commonly used by webmasters and bloggers to showcase portfolios, artwork, latest posts, etc. It saves time and efficiently draw visitors attention!

Basic Settings

Setting Default Description
Data Source Articles Select a source to get items from
articlesArticles
imagesImages
Mode Normal Select a mode to get data
normalNormal
dynamicDynamic
Article Categories Select a categories where you want to get data from
Child Category Articles Exclude Include or Exclude Articles from Child Categories.
0Exclude
1Include
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.
0Disabled
1Enabled
Number Items 10 The number of items to display. Enter value 0 if you want to display all articles.
Featured Articles Show Select to Show, Hide or Only display Featured Articles
showShow
hideHide
onlyOnly
Article Field to Order By Created Date Select which field you would like Articles to be ordered by. Featured Ordering should only be used when Filtering Option for Featured Articles is set to 'Only'.
a.orderingArticle Manager Order
fp.orderingFeatured Articles Order
a.hitsHits
a.titleTitle
a.idID
a.aliasAlias
a.createdCreated Date
a.modifiedModified Date
a.publish_upStart Publishing Date
a.publish_downFinish Publishing Date
Ordering Direction Descending Select the direction you would like Articles to be ordered by.
DESCDescending
ASCAscending
Images Manage an items to display on slideshow

Slideshow Settings

Slideshow Settings

Setting Default Description
Skin Azure Skin Select a skin
 camera_black_skinBlack Skin
 camera_white_skinWhite Skin
 camera_beige_skinBeige Skin
 camera_amber_skinAmber Skin
 camera_ash_skinAsh Skin
 camera_azure_skinAzure Skin
 camera_blue_skinBlue Skin
 camera_brown_skinBrown Skin
 camera_burgundy_skinBurgundy Skin
 camera_charcoal_skinCharcoal Skin
 camera_chocolate_skinChocolate Skin
 camera_coffee_skinCoffee Skin
 camera_cyan_skinCyan Skin
 camera_fuchsia_skinFuchsia Skin
 camera_gold_skinGold Skin
 camera_green_skinGreen Skin
 camera_grey_skinGrey Skin
 camera_indigo_skinIndigo Skin
 camera_khaki_skinKhaki Skin
 camera_lime_skinLime Skin
 camera_magenta_skinMagenta Skin
 camera_maroon_skinMaroon Skin
 camera_orange_skinOrange Skin
 camera_pink_skinPink Skin
 camera_red_skinRed Skin
 camera_pistachio_skinPistachio Skin
 camera_olive_skinOlive Skin
 camera_tangerine_skinTangerine Skin
 camera_turquoise_skinTurquoise Skin
 camera_violet_skinViolet Skin
 camera_yellow_skinYellow 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
topLefttopLeft
topCentertopCenter
topRighttopRight
centerLeftcenterLeft
centercenter
centerRightcenterRight
bottomLeftbottomLeft
bottomCenterbottomCenter
bottomRightbottomRight
Portrait Disabled Select true if you don't want that your images are cropped
0Disabled
1Enabled
Auto Advance Enabled Auto Advance
0Disabled
1Enabled
Mobile Auto Advance Enabled Auto-advancing for mobile devices
0Disabled
1Enabled

Navigation Settings

Navigation Settings

Setting Default Description
Pagination Enabled Pagination
0Disabled
1Enabled
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.
0Disabled
1Enabled
Creation Mode Resize then Crop Select a Thumbnail Creation Mode
1Scale Fill
2Scale Inside
3Scale Outside
6Scale Fit
4Crop
5Resize 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
0Disabled
1Enabled
Pause on hover Enabled Pause on state hover. Not available for mobile devices
0Disabled
1Enabled
Pause On Click Enabled It stops the slideshow when you click the sliders.
0Disabled
1Enabled
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
0Disabled
1Enabled
Mobile Navigation Hover Enabled same as navigation hover setting, but only for mobile devices
0Disabled
1Enabled
Overlayer Enabled A layer on the images to prevent the users grab them simply by clicking the right button of their mouse (.camera_overlayer)
0Disabled
1Enabled
Play Pause buttons Enabled Select to display or not the play/pause buttons
0Disabled
1Enabled

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)
piePie
barBar
noneDisabled
Bar Direction Left To Right Select a Bar Direction
leftToRightLeft To Right
rightToLeftRight To Left
topToBottomTop To Bottom
bottomToTopBottom To Top
Bar Position bottom Select a Position of Bar
bottombottom
leftleft
toptop
rightright
Pie Diameter 38 Enter a Pie Diameter
Pie Position Right Bottom Select a Pie Position
rightTopRight 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
randomrandom
simpleFadeSimple Fade
curtainTopLeftCurtain Top Left
curtainTopRightCurtain Top Right
curtainBottomLeftCurtain Bottom Left
curtainBottomRightCurtain Bottom Right
curtainSliceLeftCurtain Slice Left
curtainSliceRightCurtain Slice Right
blindCurtainTopLeftBlind Curtain Top Left
blindCurtainTopRightBlind Curtain Top Right
blindCurtainBottomLeftBlind Curtain Bottom Left
blindCurtainBottomRightBlind Curtain Bottom Right
blindCurtainSliceBottomBlind Curtain Slice Bottom
blindCurtainSliceTopBlind Curtain Slice Top
stampedeStampede
mosaicMosaic
mosaicReverseMosaic Reverse
mosaicRandomMosaic Random
mosaicSpiralMosaic Spiral
mosaicSpiralReverseMosaic Spiral Reverse
topLeftBottomRightTop Left Bottom Right
bottomRightTopLeftBottom Right Top Left
bottomLeftTopRightBottom Left Top Right
Mobile Animations leave empty if you want to display the same effect on mobile devices and on desktop etc.
randomrandom
simpleFadeSimple Fade
curtainTopLeftCurtain Top Left
curtainTopRightCurtain Top Right
curtainBottomLeftCurtain Bottom Left
curtainBottomRightCurtain Bottom Right
curtainSliceLeftCurtain Slice Left
curtainSliceRightCurtain Slice Right
blindCurtainTopLeftBlind Curtain Top Left
blindCurtainTopRightBlind Curtain Top Right
blindCurtainBottomLeftBlind Curtain Bottom Left
blindCurtainBottomRightBlind Curtain Bottom Right
blindCurtainSliceBottomBlind Curtain Slice Bottom
blindCurtainSliceTopBlind Curtain Slice Top
stampedeStampede
mosaicMosaic
mosaicReverseMosaic Reverse
mosaicRandomMosaic Random
mosaicSpiralMosaic Spiral
mosaicSpiralReverseMosaic Spiral Reverse
topLeftBottomRightTop Left Bottom Right
bottomRightTopLeftBottom Right Top Left
bottomLeftTopRightBottom 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
0Disabled
1Enabled
Slide On random decide if the transition effect will be applied to the current (prev) or the next slide
randomrandom
nextnext
prevprev