1 2 3 4 5 6 L

Page Header > Subtitle

Dark, autoplay

Without medium image, errow position: inside

Options

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'
}