eZeeGallery Photo Full Image Modifications
"Inline" and "Popup"
The "Popup" option is only available for the NoTheme selection. If you are using one of the included themes, the full image always appears "inline". For both the NoTheme and Themes you can modify how the #fullimage div is displayed, regardless if it is inline or in a popup.
The Mask option - ( NoTheme only )
Checking the "Mask" feature will insert a div into your gallery page that covers 100% of the entire current viewable portion of the screen. The Mask div is set to "hidden" by default and the background color is set by default to #FFF ( white ). The Mask feature is optional and was incorporated to give your full image a clean canvas in which to display itself.
How it works...
When a thumbnail is clicked, the Mask div will display covering up everything else in the page except the full image. When the full image is clicked, the full image as well as the Mask div dissapear allowing the thumnails and any other content on the page to become visible once again.
This div is positioned offscreen and displays when a thumbnail is clicked covering the entire visible portion of the screen.You can change its background color or give it a background image to suit your design goal.
You should not change the size of the Mask div. Doing so will have no effect as the ezeegallery script will always resize it to cover the viewable area of the page.
Border ( Popup and Inline Full Image ) ( Themes or noTheme )
You can make the border thicker and change its color by altering the border on the #fullimage style. Access the styles attributes by selecting the #fullimage in the CSS Styles Panel.
With the #fullimage declaration selected you can change the border thickness and/or color in the Border category of the CSS properties Panel. The screenshot image below displays a solid border however you can change the border type to another type as well ... dashed, dotted etc..
Padding ( Popup and Inline Full Image ) ( Themes or noTheme )
GIving the #fullimage more padding will give some space between the full image and its border. You can change the padding by selecting the #fullimage in the CSS Dtyle Panel and change the padding value. The padding value is in the Box category of the CSS properties Panel.
Background Color ( Popup and Inline Full Image ) ( Themes or noTheme )
If the #fullimage div has padding, there is open space between the border and the full image. You may wish to give a bit of color to this area. This can be accomplished by setting a background color to the #fullimage from the background-color option in the Background category.
extension Information
- Type: Suite
- Version: 3.0
- DW4 · MX · DW8 · CS3
