- Framework7 Tutorial
- Framework7 - Home
- Framework7 - Overview
- Framework7 - Environment
- Framework7 Components
- Framework7 - Layouts
- Framework7 - Navbars
- Framework7 - Toolbars
- Framework7 - Search Bar
- Framework7 - Status Bar
- Framework7 - Side Panels
- Framework7 - Content Block
- Framework7 - Layout Grid
- Framework7 - Overlays
- Framework7 - Preloaders
- Framework7 - Progress Bar
- Framework7 - List Views
- Framework7 - Accordion
- Framework7 - Cards
- Framework7 - Chips
- Framework7 - Buttons
- Framework7 - Action Button
- Framework7 - Forms
- Framework7 - Tabs
- Framework7 - Swiper Slider
- Framework7 - Photo Browser
- Framework7 - Autocomplete
- Framework7 - Picker
- Framework7 - Calendar
- Framework7 - Refresh
- Framework7 - Infinite Scroll
- Framework7 - Messages
- Framework7 - Message Bar
- Framework7 - Notifications
- Framework7 - Lazy Load
- Framework7 Styling
- Framework7 - Color Themes
- Framework7 - Hairlines
- Framework7 Templates
- Framework7 - Templates Overview
- Framework7 - Auto Compilation
- Framework7 - Template7 Pages
- Framework7 Fast Clicks
- Framework7 - Active State
- Framework7 - Tap Hold Event
- Framework7 - Touch Ripple
- Framework7 Useful Resources
- Framework7 - Quick Guide
- Framework7 - Useful Resources
- Framework7 - Discussion
Framework7 - Photo Browser Methods & Properties
Description
You will get an initialized instance variable to use the photo browser methods and properties once you initialize the photo browser.
Photo Browser Properties
The following table shows the photo browser properties used in Framework7 −
| S.No | Properties & Description |
|---|---|
| 1 | myPhotoBrowser.swiper It holds initialized swiper instances with every available swiper methods and properties. |
| 2 | myPhotoBrowser.container It is the DOM7 element with photo browser container HTML element. |
| 3 | myPhotoBrowser.exposed It contains true, if photo browser is in exposition mode. |
| 4 | myPhotoBrowser.activeIndex It is the index number of the currently active slide. |
| 5 | myPhotoBrowser.params It is the object with passed initialization parameters. |
Photo Browser Methods
The following table shows the photo browser methods used in Framework7 −
| S.No | Methods & Description |
|---|---|
| 1 | myPhotoBrowser.open(index); It is used to open the photo browser on photo with index number. If index is not specified then, last closed photo will be opened. |
| 2 | myPhotoBrowser.close(); It is used to close the photo browser. |
| 3 | myPhotoBrowser.toggleZoom(); It toggles the zoom of currently active slide. |
| 4 | myPhotoBrowser.toggleExposition(); It is used to toggle the exposition mode. |
| 5 | myPhotoBrowser.enableExposition(); It is used to enable the exposition mode. |
| 6 | myPhotoBrowser.disableExposition(); It is used when you want to disable the exposition mode. |