Flash iTunes Cover Flow Version 2 - Free and Open Source

Flash iTunes Cover Flow – Version 2

Sep 25, 2007

So, people have been commenting a lot on the iTunes Cover Flow. Mostly they are good comments, but there were a few suggestions. I made one suggestion that seemed to make sense and was very easy to implement.

New Feature:

-Link based on XML for the Artist and the Album. If no link is given then the button is disabled.

-Link is placed on the actual text of the Artist and Album name.

Have fun and make it better.

Coverflow

UPDATE: NEW Flash 10 Coverflow. It is recommended that you use this new version as it will preform better.

Example:
Example

Source Files:
Download Flash Coverflow AS2 - CS3 (764647)
Download Flash Coverflow AS2 - Flash 8 (570116)

Please send me your improvements or modifications and I would be happy to put them up to help everyone else and I will attribute it to you and give you a link.
Remember this code is Open Source so please use, improve and share.
This code is under the MIT License.

Note: If the images are not showing up for you and you are pulling the images from a different server than the flash piece is being served from than you need to use a crossdomain.xml file to allow the flash piece to read from the remote server. This is a flash security feature and the only alternative to this is using a proxy page (as far as I am aware of). Read More

If you are experiencing a flickering on your images make sure to use the latest version.

Transparent PNG images are now supported.

If you have any questions don’t hesitate to post because there are a lot of nice people who will love to help.
Good luck!

-Stephen

Bookmark It

Hide Sites

Tenaxg35

Once I have swapped out the images how do I get this embedded on the page...no installation instructions that i saw.
Mohomed Anees

how can i change this gallery into changing images on mouse over on each image instead of using scrollbar? pls help me.
Andre

One ease way to make that, is to change the:

"scrollBar.scroller.onPress = function():Void"

to

"scrollBar.scroller.onRollOver = function():Void"

then center the scrollBar "mc" and place it behind the covers...
Hmoroni

Hi congratulations for this work, im not very able with flash, i need to change te size of the reflection of the covers , what should i do? you can write me at hmoroni @ gmail.com

thanks a lot
Andre

I dont understand what you mean by change the size of the reflection, you can otherwise change the values of:

var reflectionAlphas:Array = [100,80];

That will give you more or less reflection in top or the bottom of the reflection.
Andre

Hope that help´s you...
Anthony

Would like to have the link open in the same browser. i Change the code from _blank to _self. That didnt work so i tried _parent and that didnt work too just wanted to know if anyone has done this and if so please do tell :) thanks
Andre

To open in the same browser you should change the value of _blank to _self at the function controlTheObject:

getURL(infostruc[current - 1].albumLink, "_blank")
Crazesand

Hello ! thanks for the code. But can you show me how to resize the images?
Andre

Hi there, so to resize the images you must change the value inside the script:

var frontCDWidth:Number = 150;
var frontCDHeight:Number = 150;
Crazesand

Hello,

Thanks for the parameters. But is there's other width and height to change so that all is proportionate. For example my pictures are width : 500px and height :297px and i want it to be centered.
Thanks again ;)
Andre

Congratulations for the awesome script, I´ve tried, and I look over the 1466 comment´s but any of the reply I found the solution to make the background of the cover transparent, I´m using a png and still in the background the white remains.
ting

Thank you so much for this. I downloaded the zip file for testing. But the cover flow starts auto play? How can I stop it? Thanks.
Andre

Put a comment on the //autoNext = setInterval(interNext,autoNextTime*1000);
Fabio Cerqueira Ba

its perfect!!!!!!!!!!
Jon 21

Hi
Thanks for this great work!!
I have a little question, i would like to change the text colors for "the artist" and "the album name". I'd like to put it in black. I haven't find the way to do it, could you help?

Thanks a lot
Stephen Weber

Just go into the FLA and change the color of the text field.
leroice

Hey Huys,

Can anyone tell me how to change the reflection image Background colour so when i have it on a blue background it doesn't get a big black blob at the bottom.
Stephen Weber

Its in the comments.
Simon

Hay!

This is great!!! I do have one question (I’m not so good with Flash). I manage to make some small modifications like transparency, opening links _self instead of _blank… but I would really like to know how I could make links open in targeted iframe on my page. I would like to have this on top of my page with iframe under it and when visitors click on desired album link would open in that iframe. Any help would be appreciated.

Thank you!
Will

Can this work with Lightbox? So that when you click on the album cover, it actually opens the album picture in a lightbox on the page. I have tried modifying the .fla and .xml to allow for this but no luck. Anyone try this yet?
Namdab

i will lobe one of this to... I have found one that is free but it has advertisement on it.

http://www.jetphotosoft.com/web/coverflow/van_gogh.coverflow/

i can be done, but i don't know how... :(
Stephen Weber

Yup! A lot of people have done lightbox with this. Just call a javascript function and send it the url and let the Javascript function call lightbox.
Radovanmail

hi
thank you for the coverflow.
i have question how i can change y postion in the stage ? i try use this option in xml coverSlidePositionY but without any effect
thank you very much.
Raj

Hi I am using Flash Coverflow AS2 - CS3 (762930) version .. picture are appearing pixelated some how .. i can see it is same in yours one as well. Is there any solution? please suggest.
Stephen Weber

That is going to happen. The AS3 version will have less, but still some. Its what Flash does when it manipulates images.
Michael

hi! thx for the coverflow... its awesome.
i have put the coverflow together with my flash, it works fine. but, when i add a button going back from the coverflow, the pictures and the scroll is still there, but the background changes to the link.
Uninstall Program

Thanks for your link:)
help

hello splendid job!

but since there's only the cover title, may i know what should i do to display the artist name above the title in the coverflow? thanks!
felicese

Hi,
thanks for the great template. As a flash-rookie, I wouldn't be able to change the background to white?
Any help would be appreciated.

Regards
Eddie

I downloaded the latest version. But i cannot find a way to make the movie in tranparent in mode. Anyone?
mark bendana

just add this line on your javascript declarion:

params.wmode = "transparent";
Hexe ju

Hi, thank you very much for this!
But one question: I tried to put transparent pngs in, but it makes a white background where the pictures are transparent. How can I turn this of.
I mean the CS3-Version, which runs since I have change the path to the xml-file in the fla-file in line 577.
Asger danish

Hi,
Very very usefull :-), but I have a few set backs.
And if I find the answer (not from here, I promise to posted it)

I'm entering the coverflow in my menu action, and I can't get the covers to wait for my signal.
What is the name of the actual cowerflow, no problems with the scrollbar and info.

scrollBar._visible = false;
img_info._visible = false;
AlbumInfo_mc._visible = false;
ArrowBttn_mc._visible = false;

please help
Geoff

how do you change the pictures?
Simon

Hello this is some brilliant coding my friend. Very smart and quite a lot of maths.

My only question is, The code that opens the link whne the picture opens i want to change this so it opens up with a larger version of the picture.

Heres the code;

function updateInfo():Void {
goto.text = current;
img_info.author = infostruc[current - 1].auth;
img_info.album = infostruc[current - 1].album;

//Version 2 Addition
img_info.artistLink.enabled = true;
if (infostruc[current - 1].authLink == undefined) {
img_info.authLink.enabled = false;
} else {
if (infostruc[current - 1].authLink == "undefined") {
img_info.authLink.enabled = false;
} else {
img_info.artistLink.onPress = function() {
getURL(infostruc[current - 1].authLink, "_blank");
};
}
}
img_info.albumLink.enabled = true;
if (infostruc[current - 1].albumLink == undefined) {
img_info.albumLink.enabled = false;
} else {
if (infostruc[current - 1].albumLink == "undefined") {
img_info.albumLink.enabled = false;
} else {
img_info.albumLink.onPress = function() {
getURL(infostruc[current - 1].albumLink, "_blank");
};
}
}
//
scrollBar.scroller._x = scrollBarStart + ((current - 1) / (infostruc.length - 1) * (scrollBar._width - scrollBarStop));
}

now if i just delete this, will this compile an error or will that be fine?
Littlestjevito

how do you change the pictures?
Frank Walsh

your notes here say transparent png's are supported, however, when I tried to use some covers that have slightly rounded edges...via PNG transparency....it doesn't work.... possibly because the background of the image is white, and when i changed it to black...it looked like you have a white background behind the cover. Can you tell me how I can disable this in the AS?

Thanks
Caleb

Hello yet again...

I have been looking for the code on the auto scroller

I would like to disable this..

i have searched for auto, scroller, scroll and i cant seem to find it

I am looking in the javascript file or is it in the .fla file?
Caleb

Hey great code and coverflow,

Just had a few questions..

when the album or picture comes into the centre of screen is there a way if the person clicks on that image that it will increase in size? maybe zoom into the picture a little bit and either if they click back on it or go to next picture it will go back to normal?

thanks in advance
Caleb

Flash iTunes Cover Flow – Version 2

Popular Posts

Random Posts

Flash iTunes Cover Flow – Version 2

Popular Posts

Random Posts

Tag Cloud