Flash で cover flow 表現

I love what you've put together here with Cover Slow. I've tried to figure out how to put specific pictures into each of the images that it cyles through. Ideally I'd like to have 15 unique images that it cycles through. Could you lend any insight on how to do this?

Hello, Sean
This is a first time that I got a comment from other country.
So I'm happy to meet you.
About my "Cover Slow", have you already downloaded the sample & source file?
http://www.trick7.com/blog/swf/coverSlow.html

Then, Please modify "coverSlow.fla".
And I made a tutorial video that how to display 15 unique JPG images.
http://www.trick7.com/blog/2007/03/26-180930.php
(To watch the video, click the link in the grey div. There is no sound in the video.)

If I mistranslate your comment or there is something difficult to understand, please let me know in this comment block.
thank you.

Hi tera,
Hello, it is a wonderfull work and thanks for making some profit the community! I will have a small question; how to put a link or a different button on each photo? Can you help me?
Still thank you for your answer,

manu (from france)

Hi manu,
Thank you for visit my blog. As for your question, there are a lot of solution:
For instance. Please insert the code below into "coverSlow.fla: line 176"
---------------------------------------------------------------
else if(mc._x==home["guideLine"+centerP]._x){
trace("LINK TO "+mc.index)
}
---------------------------------------------------------------
means, "if a clicked clip is located center, trace the MC's own index number (defined at line 27)."
Thus we can access and trace the center clip, then add some fix in this code for unique link with Array that contains links or something.
I think it's a simplest and logical way.
For bad example, If insert below code in line 28:
---------------------------------------------------------------
mc.onRelease=function(){
trace("CLICKED "+this.index)
};
---------------------------------------------------------------
All the clip on the stage are react. It's not appropriate in this case.

Sorry for my poor English. Thank you.

Thank you so much Tera,

It's ok for the link but I have a last question now; How do I make if I want to replace image by movieclip?
For exemple, I want to put 7 movieclip (each with different content).
Can you help me again? Thank you tera! And still "bravo" (wonderfull in french) for your work.

Sorry for my very poor English. Yours is very good.

Hi, manu.
I have fixed .fla. Please download and put it in the same folder.
http://www.trick7.com/blog/swf/coverSlow_mcScroll.fla
Please check out the source code. (commented with "//for manu//")

I replaced each MovieClip by attachMovie (with LinkageMC).
Then I reduced the number of MC on the stage to put 7 movieclip. But I noticed that if I tryed to put only 7 MC, I had to reduce visiblly MC (means MC shown on the stage) to 3. It's not cool I think.

I set a link button with previous way. For example:
http://www.trick7.com/blog/swf/coverSlow_mcScroll.html
Please fix as you want.

Hi tera,
I thank you so much... It's exactly what I want but I try to put 7 mc on the stage -3 1 3- not -2 1 2-

Is it?
var num:Number = 9;
var lastP:Number = 7;
var centerP:Number = 3;

Hi manu

If you want 3|1|3, needs 4|1|4 arrows on the stage.
Thus we need 10(4+1+4+"1")clip.
Now you want 7 clip on 3|1|3, please place 7*2sets clips.
Call the same MC twice with "%".
IDEA:
i=Array(0,1,2,3,4,5,6,7,8,9,10,11,12,13)
(i%7)+1=Array(1,2,3,4,5,6,7,1,2,3,4,5,6,7)

source:
http://www.trick7.com/blog/swf/coverSlow_mcScroll2.fla
sample:
http://www.trick7.com/blog/swf/coverSlow_mcScroll2.html

regards.

Ok thanks Tera, all is ok.

can I ask a last thing?

If I want to put button navigation on the stage, can you tell me the url of the mc1 for exemple?

Hi manu
Sorry I can't understand what you explain.
What do "button navigation" and "url" mean?

Sorry,

In fact you have the coverslow and below you have menu.
So you can use mouse or "menu" to navigate.
Sorry for my very bad english ;-). You understand now?

Hi manu,
I have fixed upper source and link. Please check out with F5. I added buttons and click to slide.

I have found a bug:
line 142: (addNum<=0) must be (addNum<0)

There still may be something to adjust.
I feel sleepy and going to bed.
Please enjoy with my coverSlow. thank you.

Thanks again for your help tera, it's ok.

Have a good night,

Hi tera,
"There still may be something to adjust" but it is very good!
I would want to put text field in my_mc3 for exemple but nothing apen, He don't want to load xml, I don't understand the problem...

For exemple:
I put a text field (with instance name"cadre") in my_mc3 and the actionscript:
------------------------------------------------------------------------
function chargeXML() {
var contact_xml:XML = new XML();
contact_xml.ignoreWhite = true;
contact_xml.load("http://www.monsite.com/monxml.xml");
contact_xml.onLoad = function(success) {
if (success) {
_root.mc.my_mc3.cadre.text = contact_xml.firstChild.toString();
}
};
}
this.chargeXML();
this.stop();
--------------------------------------------------------------------------
Have you got an idea?

still thank you Tera...

Hi tera,

did you receive my last message?

I try to put a simple action exemple/
I put a mc with instance name cible in my_mc3 and want to load an external image in cible with this actionscript:
cible.loadMovie("http://www.monsite.com/imageshome/home_1_1.jpg");

But it is not work! Don't want to load external files in the attachmovie... Is it normal?

Thank's again for your help.

Emmanuel

Hi manu,
Sorry, I can't understand what you explain again...
But I think that "Load external files" or "loadMovie" is beyond the scope of this topic.
Please check out other helpful source. Thank you.

Ok tera,
thank you again...

Hi manu
I have found your past comment just now.
My Blog often treat some comment as a spam automatically. Sorry for that.

Then I checked your code, but I couldn't find something strange at once, because I'm not a brilliant coder...
I am a typical "try and error" coder :)

Hi Tera,

It's me again, oups!

Do you think it's possible to load dinamicaly, the content of the each movie clip (for exemple photo)? Have you got an idea, because I try to put in each attachmovie a loadmovie but don't work.

Thank you so much Tera for your answer... Please...

Hi manu,
I think it's possible to do as you want.
I had deleted the whole data (includeing extra images) from my local PC, so I can't show you a sample file. but
1. load external XML file or name succeeding name (for example image1.jpg to image7.jpg).
2. attachMovie (my_mc1 to my_mc7)
3. after that, loadMovie with array from XML object or ("image"+(i+1)) inside it.
step 2&3 are inside init() function and before applying ReflectionFlipper.

Could you show me a simple source on your Blog or ZIPPED file ?

Thanks Tera,

here is the ZIP file
http://www.antille.fr/index.zip

Thanks again for your help

With the fla (zip) can you show me a sample file?

Sorry I meant I want to see your working file with extra JPG images.
I have no time to build by myself, so I want to see your work.
Regards.

Hi Tera,

Here is my project:
http://www.teledom.fr/coverslow/coverslow.zip

I put image in folder "images" so I just want to load image in each mc. for exemple images/villa.jpg in my_mc1 and etc.
I try but without success.

Thanks to take of your time to help me, I truly appreciate it.

Hi Tera,

I know you have lots of work, no problem I Find a solution for the external loading.

But I would want to make a new navigation with sliding bar (like in itunes) and I don't know how to do... can you help me jut for that?

Thank you very much tera....

Hi.
I tried to attach "scrollbar" before, but I couldn't.
And tried external loading, but I couldn't too.
Sorry and please find a solution yourself.
Thank you.

ok tera, no problem...

and thanks again for your help.

Good work!

Hi, very cool actionscript. I ve been trying to load external images dynamically with xml, but have been unsuccesfull. If someone knows how load them please mail me.
Thanks

Me too. I'm looking for someone to solve it.
Thank you.

Hi Tera,

I have an Idea for the scrollbar: It is not professionnal but it would work. What about doing a movieclip on the buttons and add Function with hitTest, I make a code but it doesn't working, (sorry but I begin in flash so...). Can you help me?

slider_mc.onPress = function () {
this.startDrag (false, 0, this._y, 480, this._y);
checkTarget(this);
};
slider_mc.onRelease = function () {
this.stopDrag ();
delete this.onEnterFrame;
};

function checkTarget(drag) {
if (drag.hitTest(this["btn"+b])) {

for(b=1;b this["btn"+b].index=b
this["btn"+b].onRollOver=function(){
home.sequenceFlg = true;
if(home["mc_"+(this.index-1)]._alpha==100){
sequenceSlide(home["mc_"+(this.index-1)]);
}else{
sequenceSlide(home["mc_"+(this.index+7-1)]);
}
}
}


}
}

Thank you for your idea, but it's too partial for me to understand.
I think it's too tough way to add and collaborate with scrollbar without no contradiction. So I will not refine this CoverSlow anymore.
Please keep trying as you like, but I can't help any more.
Thank you.

Hi again,
I' m working in a gallery using a modified DistortImage Class of Andre Michelle to load External images and a MovieClip.Prototype to create the Perspective effect. Maybe you could transform your actionscript and integrate it with my source Code to load external images in your CoverSlow proyect. The code is very simple as it uses a SetInterval function to track image's position and transform it depending on the position on the stage. Here is the DistortImage Class and the fla. Hope it helps,
gallery: http://www.tomatria.com/albumflow
download: http://www.tomatria.com/albumflow/albumflow.zip

And please send me the source code if it works.

Thanks.

Hi, I forgot to menction the source code is for flash 7 because i m working in a wii music player as well

Hi everyone.
I found the article below:
"First Papervision Experiment - Coverflow"
http://www.richapps.de/?p=54
very cool CoverFlow with slidebar.

HI
I'm doing my first piece of work using the fantastic coverflow. However I'm running into some problems. I need to make all the images appear bigger. However I can only seem to get the centre pic to appear bigger or smaller by modifying the following line:

var scaleVal:Number = 160;

Can anyone tell me how I get the other images to the left and right to scale up also in proportionate size? Many thanks. Any help would be greatly appreciated.

hi there i think its amazing how everyone is comunicating from diffrent places and languges
im just starting out with flash design and came a cross your cover flow i was just wondering if you could explain to me as how to make it work i tried test movie and nothing
i know this must seem like a really stupid question but id really would like to learn
thanks

Hello Tera..
Glad to see you and your work...
I have problem to use this Flash cover Flow..
I have test the movie and found error :

DistortImage.as, Line 238 public var points:Array; The same member name may not be repeated more than once.

var f:Fuse = new Fuse(); The class or interface 'Fuse' could not be loaded.

Any solution for this?
Thank you for your help =]

Regard,
Kayla

Hello Kayla.
1: Line 238 error.
Please see the article "http://theflashblog.com/?p=224" comment 6&7.

2: 'Fuse' could not be loaded.
Do you have a "Fuse Kit (http://www.mosessupposes.com/Fuse/)"?
I use and call FuseKit in my sample, but I don't include it.
Please download the Kit, and put the "com" folder in the same directory with my .fla file.

Thank you very muachhh Tera ^^
Now I understand..
Fuse is very nice component ^^

Thanks ^^

This is terrific but I cannot get the .fla to load my sandy.util.distortimage class. I get an error that the distortimage class that was imported is not the one that is being compiled. Where did you get your distortimage class and what version is it?

Hi Christine
My download file doesn't contain Sandy package, so you can download it from "http://www.flashsandy.org/download".
And my .fla was made with AS2, so please download AS2 version. I forget what version I used. Maybe 1.2, or later...

And if you will get "Line 238 error" with Sandy. Please read upper comments in this article.
Thank you.

Hi! I love your work
I would like to know that how to add comment below each picture when it come to the center just like i-Tune does.
thx plz help^_^

Hello, Tokidaza.
I'm glad to see you!
Sorry, I will busy another work until 3/25, so I can't afford to make a sample.
Please check the "for-loop" to generate a picture-unit movieclips and add a "createTextField" there.
regards.

Hi Tera thx for your reply ^_^
could you kindly tell me which line I should put the "createTextField" code? I can't find the "for-loop" thing that you mentioned about.

Hi Tokidaze

Easy way is:
1: Create Dynamic TextField on the "_root timeline" using Flash IDE. And name the instans name "albumName" for example.
2: In _root's framescript, line 62(inside "mc.onPress"), write "_root.albumName.text = "album name here!"; ". You can see the text changed when you click the mc.
3: Try customize "album name here!" part with Array or Xml or something dynamic data.

sorry for my poor english.

Hi Tera now I already figured already how to put the comment to correspond each picture here is the Flash that I made base from your Cover Slow ^_^
www.anpac.jp

Congraturations Tokidaze! I'm happy too.
I'm surprized that you have made a japanese site!
Good work ^_^