![\"Photos\"](\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/11\/1.jpg\")
<\/span><\/a><\/div> \r\n\r\n\t\t\t\t \r\n <\/div><\/a><\/p>\nChange it to movieclip by pressing F8 and name it as image_mc in properties box. It would be look like as follows,<\/p>\n
4. Make double click on the image_mc movieclip and create layer-2 to draw a rectangle of a size of one photo for masking and change it to group by Ctrl + G. Right click on layer-2, click mask option.<\/p>\n 5. Get out of the movieclip, so now we are in main scene, Layer-1. Name the layer-1 as image. It would be like,<\/p>\n 6. Place one dynamic text box below the image for description about your photos and name it as info_txt in a layer-2. I named the layer-2 as description.<\/p>\n 7. Create buttons in layer-3 and name it as buttons, for each photo on the top of the image from the pre-defined buttons by Window –> Common libraries –> Buttons.<\/p>\n 8. Convert each button into movieclip and name each one as the1_btn, the2_btn, the3_btn, the4_btn, the5_btn, the6_btn, in the properties box.<\/p>\n 9. Create layer above the button layer for actionscript. Write following script in layer-4 , frame-1.<\/p>\n stop(); Click the below to see the Flash photo gallery<\/em><\/p>\n![\"changed](\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/11\/2.jpg\")
<\/span><\/a><\/div> \r\n\r\n\t\t\t\t \r\n <\/div><\/a><\/p>\n![\"Masking](\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/11\/3.jpg\")
<\/span><\/a><\/div> \r\n\r\n\t\t\t\t \r\n <\/div><\/a><\/p>\n![\"Masked](\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/11\/4.jpg\")
<\/span><\/a><\/div> \r\n\r\n\t\t\t\t \r\n <\/div><\/a><\/p>\n![\"Dynamic](\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/11\/5.jpg\")
<\/span><\/a><\/div> \r\n\r\n\t\t\t\t \r\n <\/div><\/a><\/p>\n![\"Buttons](\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/11\/6.jpg\")
<\/span><\/a><\/div> \r\n\r\n\t\t\t\t \r\n <\/div><\/a><\/p>\n
\nvar pos:Array = [0, 320, 640, 960, 1280, 1600];
\nvar theInfo:Array = [“Sea shore”, “Water Falls”, “Moon in the night”, “Green Lake”, “Nature’s beauty”, “Red Flower”];
\nvar numOfPix:Number = 6;
\nvar w:Number = _level0.the1_btn._width;
\nvar h:Number = _level0.the1_btn._height;
\nvar speed:Number = 10;
\nvar theTgt:Number = 0
\n\/\/~~~ The text Format ~~~
\nvar theFmt:TextFormat = new TextFormat();
\ntheFmt.align = “center”;
\ntheFmt.color = 0xffffff;
\ntheFmt.font = “theFont”;
\ntheFmt.size = 20;
\ntheFmt.bold = true;
\n\/\/
\n_level0.info_txt.selectable = false;
\n_level0.info_txt.setNewTextFormat(theFmt);
\n\/\/
\nfor (i=1; i<=numOfPix; i++) {
\n_level0[“the”+i+”_btn”].createTextField(“theNum_txt”, 1, 0, 0, w, h);
\n_level0[“the”+i+”_btn”].theNum_txt.text = i;
\n_level0[“the”+i+”_btn”].theNum_txt.setTextFormat(theFmt);
\n}
\n\/\/
\nfor (i=1; i<=pos.length; i++) {
\n_level0[“the”+i+”_btn”].n = i;
\n_level0.info_txt.text = _level0.theInfo[0];
\n_level0[“the”+i+”_btn”].onRelease = function() {
\n_level0.theTgt = _level0.pos[this.n-1]*-1;
\n_level0.info_txt.text = _level0.theInfo[this.n-1];
\n};
\n_level0[“the”+i+”_btn”].onEnterFrame = function() {
\n_level0.thePix_mc.panorama_mc._x += (_level0.theTgt-_level0.thePix_mc.panorama_mc._x)\/_level0.speed;
\n};
\n}<\/strong><\/p>\n