Morph User Guide
Fisheye Gallery
You can define a unique id for the gallery by clicking on this button. GalleryID: The identical name of the gallery, only accepts letters, numbers and underscore.
Item List:
You can add a new item by using "add" button
You can delete an item by using "remove" button
The up and down arrows are used to order the menu items
Edit Description button:
By clicking on this button, you can edit the description of each image listed in the Item List. The image description is similar to the text element, you can change the font face, size and paragraph alignment.
Item Property:
You can define if an external link can be opened while clicking on an image in the gallery: check the “Click to open web page” box, then specify an external URL.
You can define the image thumb nail title by editing the “thumbTitle” field.
By using the textPosition dropdown list, you can change the description text of an image to left, right or bottom.
The sideTextWidth value stands for the space between the image and its description text.
Border property:
Edit MainImageBorder: you can import an image as the main image border
by clicking on this button.
Clear: when you click on this button, the imported border image will be removed.
Padding Left: This option manages the padding space between left border and the image
Padding Right: This option manages the padding space between right border and the image
Padding Top: This option manages the padding space between top border and the image
Padding Bottom: This option manages the padding space between bottom border and the image
Auto Flip: if this box is checked, the border image will flip automatically according to the layout of the main image
Auto Scale Up: when this box is checked, the border image will automatically fit the size of main image.
Edit ThumbImageBorder: you can import an image as the thumb image border
by clicking on this button.
Clear: when you click on this button, the imported border image will be removed.
Padding Left: This option manages the padding space between left border and the image
Padding Right: This option manages the padding space between right border and the image
Padding Top: This option manages the padding space between top border and the image
Padding Bottom: This option manages the padding space between bottom border and the image
Auto Flip: if this box is checked, the border image will flip automatically according to the layout of the thumb image
Auto Scale Up: when this box is checked, the border image will automatically fit the size of thumbimage.
Thumb Property:
Position: The position of the thumb nail, can be bottom, top, left or right.
h-Align: Horizontal alignment of the thumb nail, can be defined o left, middle, or right.
v-Align: Vertical alignment of the thumbnail, can be defined to top, center or bottom.
Width: The width of the thumb nail, default value is 100 pixels
Height: The height of the thumb nail, default value is 100 pixels
Scale: This value stands for the zooming size when the mouse is pointing to thumb nail.
scaleRadius: This value stands for the radius of thumb nail scaling. If this value is set to 0, there will not be “rolling” effect when the mouse is down the thumb nail.
Spacing: The space between thumb nails(in pixels)
Border: The border color of thumb nails
BorderSelect: The border color when a thumb nail is selected
Text: The text color of a thumb nail
TextSelect: The text color of a selected thumb nail.
Image Property:
You can define border color for the image in the fisheye gallery and you can change the thickness of this border by modifying the “borderTk” value.
Show Property:
ThumbTitle checkbox: tick on this box, the title of thumb nail will be displayed in the gallery.
thumbImage:
This box is ticked by default. If you remove it, the thumb nail picture will be invisible, only thumb title can be seen(if ThumbTitle is ticked)
AnimationSpeed: This value stands for the speed of the “roll over” effect of the thumb nail.
Arrow Property:
showNav box: This box is checked by default. If you remove this box, the navigation arrow will be disappear from the gallery image.
Auto Rewind box: If this box is checked, when you browse to the last image of the gallery, you can still use the “next” arrow and you will be navigated to the first image of the gallery.
Color: the color of navigation arrow.
Glow Color: this option defines the glow color when the mouse is down the navigation arrow.
sensDistance: this value stands for the sensitivity of the navigation arrow, the larger this number is, the more sensitive the navigation arrow is.
Fade Alpha: this value controls the transparency of the navigation arrow
