Dazzle your viewers with 3D photo navigation using 3D ImageFlow Gallery.
Create an amazing gallery with cool perspective effects in seconds and
give your photos stunning 3d and camera effects. Add and edit your
images directly in Dreamweaver. Interact with other components like the
Flash MP3 Player or Spry elements and effects to glue everything together.
3D ImageFlow Gallery Manual
Using 3D ImageFlow Gallery to interact with the Flash MP3 Player
Introduction
In this tutorial we're going to show you how to add Flash MP3 Player functionality in 3D ImageFlow Gallery using the Behaviors Connector. At the end of the tutorial you will have a gallery that plays a new song when a new image is displayed.
Note: This tutorial requires Flash MP3 Player
How to do it
- Create your gallery.
Create a new or open an existing HTML page and save the page, insert
the gallery.
- Insert the Flash MP3 Player on your
page
Choose the
icon from the DMXzone object bar to
insert the Flash MP3 Player , add some songs and press OK. Enable
the Autoplay option in the property inspector to make the player
play automatically.
- Select The 3D ImageFlow Gallery Image
That Should Initiate The Behavior
Select the 3D ImageFlow Gallery in your browser and select the Images tab in your property inspector. Choose an image that you want to apply the behavior to.
- Adding The Behaviors Connector
Click on the
icon and DMXzone Behaviors
Connector pops up.
- Add Control MP3 Player
In the Available Behaviors tab, choose the Control MP3 Player behavior.
You can choose from three Available Events. The When image comes to front event adds a behavior when the main image slides in. When the image is clicked triggers the behavior if the user clicks the image. The When image goes back event adds a behavior when the image moves away. We select the When image comes to front event.
Select the
icon to apply
the behavior. The following popup appears:
The Player dropdown box displays the Flash MP3 Players on your page. Yes that's right you can control multiple Flash MP3 Players! But in this basic example there is only one player so the default selection will do. The Action dropdown box sets the action that the Flash MP3 Player must perform. Select Go To and set the Number to 1 to go to the first song when you select the first image in your 3D ImageFlow Gallery. Press OK.
- Repeating the steps for additional
images.
Now repeat the same steps starting from 3. Select The 3D ImageFlow Gallery Image That Initiates The Behavior but select the second image and enter 2 in the Number box. The player will now play the second song when the second image appears in your 3D ImageFlow Gallery. Repeat these steps for all images in your gallery for an optimal effect.
- Final
steps
Save your files, upload them to your server, don't forget to upload the MP3's as well and double check if the Autoplay feature of the Flash MP3 Player is enabled.