Flash 10 Coverflow

This is great. is there anyway to make the text black, got the white background part.

Hi,
I have found this to be very bennifical in creating a photo gallery for my sculptures. I was wondering if there was any way to make the images move on their own, so as they could cycle through the images. Any help would be greatly appreciated.
thanks in advance,
Nick
p.s. I am kinda new at coding but am willing to give it a try.

Hello.

I have another question which need some help/hints with: When the user clicks on a cover he is forwarded to a link – can I change this to calling a JavaScript? I would like to open a Shadowbox ("shadowbox.js") above the cover flow to display more information about the album or even play a song from it. Can I modify the link-call in the XML-file or do I have to alter the Action Script directly?
I am a total newbie to AS 3!

Many thanks – your help is much appreciated!

Hello Arne,

You can do that by JS and some modifications in the data.xml, alone. I'm simulating in my implementation a click on a hidden anchor to pop out a fancybox. You will need to call the script like this in data.xml : link="javascript:goFancy('target')"

and make a JS function like this:

function goFancy (target){

$('#'+target).click();

}

where "target" is the id of the hidden anchor, (which in my case also has the class "preview" to activate the fancybox, you can see the code below).

$(".preview").fancybox({
titlePosition : 'inside',
'transitionIn' : 'fade',
'transitionOut' : 'fade',
overlayShow : true,
overlayOpacity : .2,
overlayColor : '#000',
'hideOnContentClick' : true,
padding : 5,
centerOnScroll : true
});

You can inspect my website http://www.catalinuta.com to see how i've done it with jQuery.

Hope it helps you out.

I could really do with finding out how you got the flips on your great cover flow

Hello Jason,

You will have to dig in my code to do that :) You can find it here : http://catalinuta.com/downloads/flash10_coverfl...

The concept behind it is somewhat simple, you'll need to add another movieclip in the CoverflowItem object in Main.fla, and make sure you set scaleX to -100 (mirror it) so when you flip to 180 degrees it will show up normally not mirrored. Then you'll have to set an onEnterFrame function to detect the angles at which the coverflow item is rotated and see if the backcover is visible or not. Depending on that you will have to swap depths between the frontcover and the backcover. Also, there's the problem of reflections to be discussed. You'll have to make the update function in reflect.as public so you can call it whenever you need to update the reflections (eg. : when the backcover becomes visible and viceversa, when the frontcover becomes visible). You can check my code at the above mentioned link. I would like to ask you not to use the graphics there, for a major part of what you will find in the download content i have already used on my portfolio site. Somewhere in the near future I hope I'll have time to release these modifications with the appropriate explanations and the original graphics and will link back to this page. Stephen has done an amazing job with this coverflow!

Hi Catalin. Thanks a lot, that worked fine for me! Great, thanks again. Cheers, Arne

Hi, thank you very much for sharing this application, it rocks !
Is there any way to make the covers run in an infinite loop ?

I mean an easy way ?

Thanks.

Oups it's already done, great.

But is there a way to set the xml_path from outside ?
something like this :
so.addVariable("xml_path","/flash/config.xml");

Hello. Thanks for the great work!
How can I get rid of the scrollbar under the covers?

Thanks for the help!

Remove it from the code and then look for any references.

For a simpler way I just dragged off of the stage in the fla

Haha. Yes, I forgot about the easy way.
Or simply set the scrollbar's visibility to false.

How do I set the visibility? Can I do it in the XML-file? Thanks a lot!

No, that has to be done in the code.

Can you lead me to the point where I can set that in the code? Thanks a lot!

This is great, exactly what I need. The only problem I have is that the main image is enlarged so bad quality, even if I make the image bigger. Any way of having the main image the size of the image so it is sharp?

I would adjust the Z to make it sharper. Also I may have smoothing on these, so you could take that off.

Although making the z index 0 helps, the image is still 1px bigger which gives it a blured look. You don't seem to be using any smoothing.

Perhaps this might be your solution: http://summitprojectsflashblog.wordpress.com/20...

Thanks Stephen, that certainly explains whats going on.

hi, i really love the style of your work, but is there a way to use it with fancybox?? can i add a class to the link???

cheers dipo

Right now the coverflow starts with the image in the center of the stack. Any idea how to change it to the left most image in the stack. Tried changing things in coverflow.as file, but didn't work yet. Any help would be greatly appreciated.

Will post the link of my site soon.. it's come out quite well thanks to you

Ok saved the coverflow.as file and re-exported the main.fla to swf movie and it worked.

Hey, DL'ed your coverflow. perfect for our site redesign project! I'll post the link soon. Many thanks!

Hey everyone
Just wondering if someone could help me out;
I'm trying to make the font size that displays the Album name larger.
And for that matter, would it be possible to change the font as well as its size?
I'm pretty sure it would be in the ActionScript files, but I’m not sure what to add to change it.
Any help would be much appreciated (:

Hi,

anyone got any idea how I can make the background transparent? When I set wmode="transparent", nothing at all is shown. Or is there any intrinsic reason why this cannot work?

Thanks,
max

Hi Noel,

In the data.xml file set padding to 0 (zero), that way you will get rid of the borders. Hope it helps :)

In the file Coverflow.as search for:

private var padding:Number=4;

and replace by:

private var padding:Number=0;

I tried doing it, but it doesn't reflect any change. There was no option for padding number, then I entered it, still no luck with the padding. Can you help me with the code please?

Hi,

Thanks for your work. One question: possible to adjust border size? I'd like to have the border set to 0.

Thanks
noel

In the 'fla' folder, open 'Coverflow.as'. Then scroll down to line 109. It will say 'private var padding:Number=4;' all you need to do is change it to private var padding:Number=0;

Hi,
I have a problem, when i run it on my computer it's is working fine, but when i put it on a server, the images are loaded and displayed but not the reflection. Why ? i don't manage to find why ? please help me.

thanks

Seriously wicked!!! Thanks for making it available to all of us!! Really really great work there! :D Included it in my portfolio to showcase some works. You can check it out over at http://catalinuta.com . Modified it a bit to make a timer so it will automatically scroll through the covers. The time to wait untill it automatically scrolls could pe set up through xml, but I haven't implemented that for i didn't need such a feature.

I've seen questions regarding this matter around here, so here's what i did :

In the Scrollbar.as import the Timer class as follows: import flash.utils.Timer;
Declare a Timer var like this: private var myTimer:Timer = new Timer(3000); //3000 (ms) = 3 seconds

In the public function Scrollbar add the following :

myTimer.addEventListener(TimerEvent.TIMER, right_Click_timer);
myTimer.start();

In the private function Update add the following :

myTimer.stop();
myTimer.reset();
myTimer.start();

The 3 lines in the Update function are necessary as to reset de count on the timer when you manually scroll in the coverflow (otherwise you may run in the situation where you scroll to a cover and in the next couple of ms the timer scrolls to the next cover)


You will also need to add the following function to the class (it's the same as right_Click but with a different type of event, namely a Timer Event) :

private function right_Click_timer(e:TimerEvent):void {

if (_value!=(_maxValue-1)) {
_value++;
}
update();

dispatchEvent(new Event("NEXT"));

}

It is great stuff.
I like to add something like tooltips just below the slider bar (timeline) changing when dragging the slider.
Can I play it in full screen mode?

Hi, your work is awesome.... I need one help Can I run this same Coverflow in Flash Player 9? if so what I have to do ?

Thank you very much. Sadly the 3D engine this code is using is only available in Flash 10. Thus you need to have Flash 10 install to use it. If you want a Flash 9 3D engine I would suggest Papervision3D or Away3D.

Does anyone know how to auto rotate the images?

You can write a simple Timer that would just move to the next index every so many seconds.

Hi there!

Thank you very much for this great coverflow.

One Question I have:
In Version 2 there was a black gradient on the right an left side. Is it possible to get this in version 10 also? I tried to do it myself but didn't find a solution yet.

@hans: thank you for your nice info about the german characters :)