Flash components › Flash files › Components & Extensions
3D Image Changer
|
Posted on 2009 Jun 18 |
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?
|
Posted on 2009 Jun 18 |
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
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


















- 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