frydBox: examples
Configuration
Click on the above photos
| Name | Attribute description | Type | Example |
|---|---|---|---|
| prefix | Prefix in id and class names | string | 'frydBox_' |
| lazyLoading | Getting images just after site loaded | boolean | true |
| lazyLoadingStart | Time (in millisec) when first download starts | number | 1000 |
| lazyLoadingDelay | Time (in millisec) between each download | number | 100 |
| fadeDuration | Duration (in millisec) of fading images | number | 500 |
| moveDuration | Duration (in millisec) of changing images | number | 750 |
| fadeWhenMove | Fade during changing images | boolean | true |
| screenPercent | Max screen percent of area occupied | number | 0.9 |
| backOpacity | Opacity of gray background | number | 0.6 |
| shadowOpacity | Opacity of shadows around images | number | 0.6 |
| shadowSize | Size of shadows around images | number | 18 |
| borderSize | Size of border around images | number | 10 |
| borderColor | Color of border around images | string | '#fff' |
| borderRadius | Rounding of border around images | number | 8 |
| showLoader | Show animated loader | boolean | true |
| scrollBars | Allow site scrollbars when modal | boolean | false |
| prevImage | Navigation previous image url | string / boolean | 'prev.png' / false |
| nextImage | Navigation next image url | string / boolean | 'next.png' / false |
| closeImage | Navigation close image url | string / boolean | 'close.png' / false |
| onClickLink | When user clicks frydBox link | function | function(galleryIndex, imageIndex, src) {} |
| onClickPrev | When user opens previous image | function | function(src) {} |
| onClickNext | When user opens next image | function | function(src) {} |
| onImageLoaded | When image finishes loading | function | function(src) {} |
| onImageShowed | When image finishes all animations | function | function(src) {} |
| onClose | When user closes frydBox | function | function() {} |
| onLazyLoadingStart | When lazy loading starts | function | function() {} |
| onLazyLoadingEnd | When lazy loading ends | function | function() {} |