maxZoom
Maximum range of scaling
default: 4
miniSliderArrowPos
The position of the navigation arrows of mini slider
default: 'outside' || 'inside'
miniSliderArrowStyle
Style of the navigation arrows of mini slider
default: 1 || 2
showMediumImg
Show or not medium image
default: true || false
changeMediumStyle
Add style to changing medium image
default: false || true, 'slideIn', 'slideOut', 'scaleIn' or 'scaleOut'
changeMediumSpeed
Speed of changing medium image in millisecond (if changeMediumStyle not false)
default: 600
autoPlayMediumImg
Automatically change medium image -
Change to any integer for example autoPlayMediumImg: 5000 to play every 5 seconds. If you set autoPlayMediumImg: true default speed will be 5 seconds.
default: false || true, integer
hideOneThumb
Hide thumbnails of mini-slider if one item.
default: true || false
openGalleryStyle
Add style to opening gallery
default: 'show' || 'transform' +2300ms to openGallerySpeed
openGallerySpeed
Speed of opening and hiding gallery in milliseconds
default: 300
hideControlsSpeed
Speed of opening and hiding controls in milliseconds
default: 200
theme
Color scheme of gallery
default: 'dark' || 'light'
bottomControlLine
Change style of the zoom control on the line
default: false || true
For my gallery I use OWL Carousel - this is a beautiful, fast and free plugin. That's why options of slideSpeed, paginationSpeed, number of item on different media-queries you can see on this page
Eagle Gallery default options
maxZoom: 4,
miniSliderArrowPos: 'outside',
miniSliderArrowStyle: 1,
showMediumImg: true,
changeMediumStyle: false,
changeMediumSpeed: 600,
changeMediumStyle: false,
autoPlayMediumImg: false,
hideOneThumb: true,
openGallerySpeed: 300,
hideControlsSpeed: 200,
theme: 'dark',
bottomControlLine: false,
miniSlider: {
navigation: true,
pagination: false,
navigationText: false,
rewindNav: false ,
theme: 'mini-slider',
responsiveBaseWidth: '.eagle-gallery',
itemsCustom: [[0, 1],[250, 2], [450, 3], [650, 4], [850, 5], [1050, 6], [1250, 7], [1450, 8]],
margin: 10
},
gallerySlider: {
singleItem: true,
navigation: false,
pagination: false,
rewindNav: false,
addClassActive: true,
theme: 'gallery-slider'
}