Home › Flash › Components & Extensions
3D Image Changer
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
Do you have any comment or questions about emerald file?












Uploaded By: emerald
3D Image Changer is a revolutionary new Flash component based on advanced technology that allows changing images on screen by means of their 3D rotation. The component provides an easy and understandable way for adding graphic objects of different types to internal "Images Collection". You can attach not only the external graphic files but also symbols and bitmaps from library to your collection. Full-featured set of parameters and ActionScript methods, properties and events, in addition, turn the component into a powerful and universal tool for creating Rich Internet Applications.
- 5 three-dimensional rotation effects.
- 3 additional visual effects ("blur", "grayscale", "brightness").
- Full-featured navigation system to control images in collection.
- Both external and internal graphic objects support.
- Advanced ActionScript control.
- Fully documented and tested.
Use 3D Image Changer to create any of the following:
- Photo gallery
- Animated menu bar
- Slide show
- Image rollovers