2009 Jun 18Question & Comment: p05esto

Let me know if this is easily possible (without really ANY flash experience) with this module. Client wants 4 images on their home page that when you rollover the image it flips to the "back" side and has a little text message (could just be a 2nd jpg). The user can then click on the image to go to another page. Thoughts?

2009 Jun 18Question & Comment: emerald

To p05esto: You need A LITTLE Flash experience.

Just follow these steps:

1) Install the component, open Adobe Flash and drag one 3D Image Changer component from the Components panel to the Stage and set its coordinates.

2) In the Property inspector, enter appropriate value for the Instance Name property of the component instance (for example, "changer1").

3) Make three copies of the current 3D Image Changer instance, set their coordinates and name them (for example, "changer2", "changer3", "changer4").

4) Import JPG files into the library for the current Flash document by selecting File > Import to Library.

5) For each of the eight imported bitmaps, do the following: select it in the Library panel, open the Linkage dialog box from the Library pop-up menu, and enter the corresponding linkage identifier from the following — "img1", "text1", "img2", "text2" and so on.

6) Select "changer1" instance on the Stage and do the following: for Images Collection parameter as the object, add the following values by clicking the Add (+) button in the Values dialog box: "img1", "text1".

7) Do the same for the rest three instances adding appropriate values ("img2", "text2 and so on).

8) Write the following code on Frame 1 of the Timeline:

var changerListener:Object = new Object();
changerListener.imageRoll = function(evt) {
if (evt.data == "over") evt.target.gotoLastImage();
if (evt.data == "out") evt.target.gotoFirstImage();
}
changer1.addEventListener("imageRoll", changerListener);
changer2.addEventListener("imageRoll", changerListener);
changer3.addEventListener("imageRoll", changerListener);
changer4.addEventListener("imageRoll", changerListener);

changerListener.imageClick = function(evt) {
if (evt.target == _level0.changer1) getURL("http://www.your_page1.html", "_self");
if (evt.target == _level0.changer2) getURL("http://www.your_page2.html", "_self");
if (evt.target == _level0.changer3) getURL("http://www.your_page3.html", "_self");
if (evt.target == _level0.changer4) getURL("http://www.your_page4.html", "_self");
}
changer1.addEventListener("imageClick", changerListener);
changer2.addEventListener("imageClick", changerListener);
changer3.addEventListener("imageClick", changerListener);
changer4.addEventListener("imageClick", changerListener);

9) Select Control > Test Movie.

For examples you may also visit: http://www.e-merald.com/components/3dic/tutorial/application/
or download the complete User guide: http://www.e-merald.com/files/3DIC_user_guide.pdf