Reference for Galerie 04

Method

Description

nextItem()Move to next item.
prevItem()Move to previous item.
load()Load xml source.
start()Start the menu.
stop()Stop the menu.
slideshowStart()Start the slideshow.
slideshowStop()Stop the slideshow.

Code Example :

<!-- Insert this javascript in your HTML -->
<script language="JavaScript">
 function getFlashMovie(movieName) {
  var isIE = navigator.appName.indexOf("Microsoft") != -1;
  return (isIE) ? window[movieName] : document[movieName];
 }
</script>

<!-- When you create the link to control the Galerie, insert the following script you need
Note that the "getFlashMovie" function should input the ID of your Galerie object -->
<a href="#" onclick = "getFlashMovie('galerie01').prevItem();">prev</a>
<a href="#" onclick = "getFlashMovie('galerie01').load('imagesxxx/photos.xml');">load</a>
<a href="#" onclick = "getFlashMovie('galerie01').nextItem();">next</a>
<a href="#" onclick = "getFlashMovie('galerie01').start();">start</a>   
<a href="#" onclick = "getFlashMovie('galerie01').stop();">stop</a>     
<a href="#" onclick = "getFlashMovie('galerie01').slideshowStart();">slideshowStart</a>    
<a href="#" onclick = "getFlashMovie('galerie01').slideshowStop();">slideshowStop</a>

The Insert Class Interface

Choose Galerie 04 from the Insertbar and this interface will display.

1.ID - For the ID and Name tag for the Galerie. The default is galerie04 if leave it in blank.
2.Photo Source - For the source of photo stream in xml which can be generated by Photoshop.

 

Inspector Interface

Select the object and the properties inspector will appear.

1.ID - For the ID and Name tag for the Galerie. The default value is galerie04.
2.Width - Width of the Galerie in pixels.
3.Height - Height of the Galerie in pixels.
4.Photo Source - For the source of photo stream in xml which can be generated by Photoshop.
5.Background Color - To specify the background color of the Galerie. If you like to set the background to transparent, leave it in blank.
6.Sub Menu - The button to open sub-menu for advanced setting of the Galerie.

 

Appearance Interface

Click the "Appearance" button in the Inspector Interface to open this menu.

1. Camera X - Angle of X-Axis.
2. Camera Y - Angle of Y-Axis.
3. Item Count - Number of photos in the queue.
4. Photo Max Dimension - All photos will keep their aspect ratio in the Galerie. This parameter specify the maximum width and height for each photo.
5. Depth of Field - Specify the amount of depth of field effect for queue items.
6. Front Item Distance - The distance between center photo and the side photos.
7. Front Item Scale - The magnification ratio of the center photo.
8. Front Item Rotation - The degree of horizontal rotation of the 1st items.
9. Item Distance - The distance between each side photo.
10. Item Scale Ratio - Back photo scale multiply ratio. For example: The value is set to 0.9. The scale of the second photo will be 0.9 of the front photo. The scale of the third photo will be 0.9 x 0.9 = 0.81. And so on.
11. Item Rotation - The degree of horizontal rotation of the items.
12. Highlighted Color - The color change when mouse over the photo.
13. Highlighted Border - Thickness of highlighted border.
14. Mirror - Mirror effect under the Galerie.
15. Alpha - Back photo alpha multiply ratio. For example: The value is set to 0.9. The alpha of the second photo will be 0.9. The alpha of the third photo will be 0.9 x 0.9 = 0.81. And so on.
16. Caption Position - Position of caption count from bottom.
17. Caption Color - Color of the caption.
18. Show Button - Show rewind, forward and play button.
19. Button Position - The rewind, forward and play button position count from top.

 

Slideshow Interface

Click the "Slideshow" button in the Inspector Interface to open this menu.

1.Slideshow Enable - Tick to enable slideshow when start.
2.Slideshow Delay - Delay for each slide.
3.Slideshow Direction - Specify the slideshow start from Left or Right side.

 

Others Interface

Click the "Others" button in the Inspector Interface to open this menu.

1. Transition Time - Specify the time for photo shifting.
2. Transition Type - Specify the motion curve of photo movement.
3. Touchscroll Enable - Tick to enable the drag moving function.
4. Keyboard Enable - Tick to enable keyboard left/right control.
5. Mouse Scroll Enable - Tick to enable the mouse scroll wheel control.
6. Click to center - Move the photo to center when user click on it.
7. Click to URL - Tick to enable open new URL function when click on photo. The URL should be defined in the photo source xml file.
8. Camera follow Mouse - Angle of camera will follow the mouse position. This value specify the magnitute of the camera turns. Set 0 to disable.

 

Registration Interface

Click the "Registration" button in the Inspector Interface to open this menu.

If you did not enter the information, a warning banner will be appeared in the Galerie. Please login to Digicrafts - The Ultimate UI for web design to register your product and get your registration code. Each license only for 1 domain.

1.Username - The username for registration.
2.Registration Code - The registration code generated by Digicrafts.

Links

Product Quick Link