Flash iTunes Cover Flow – Version 2

01SepFlash iTunes Cover Flow – Version 2

We have been getting many great comments and tons of downloads on a Flash iTunes Coverflow code we released. We integrated some of the great suggestions made by you on this latest version. Here are some of the new features:

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.

NEW! Check out the Flash 10 Version of the Coverflow! It is recommended that you use this new version as it will preform better.

View Demo

Download Flash iTunes Coverflow - V2
All related source files are compressed in a ZIP format.
Check out the license for any licensing questions.

Download Community Edition
All related source files are compressed in a ZIP format.
Check out the license for any licensing questions.

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.

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.

Like the article? Someone else would probably like it too! Share it!

Tags

coverflow, flash, free, itunes

Carmen

Hi,
I am having a problem with the first image to show up. But only sometimes… Can anybody help me, what this could be?

Thanx
http://www.infinite-imaginations.com/ nino ross rodriguez

hi everyone! thumbs up to the person who created this app! a job well done. there are some minor problems that maybe anyone can solve. if you have less than or equal to 3 albums displaying, the first album will not show. is there a way to fix this problem?
Anonymous

Hi
I want this gallery in AS3?
Thank You
athom75

Hi everyone,
Don’t mean to sound lazy but I don’t feel like sifting through the 1000+ comments to find the answer which I’m sure is out there. So if you wouldn’t mind….

Is there a way to change the color of the scroll bar?
Dave

is there a way to keyword search this post?

Dave

Great Component. The reason I am asking this is because I have loaded this swf into another swf file. It works great. The only problem is when it loads the covers, the covers are stagered all over. After you click on a cover it is back to normal. If you hit refresh it shows fine sometimes and stagered some other times. I think it maybe a image preloading issue. The swf loads all the covers first and then the the images.

I know the cover location x and y depends on image dimensions. I don’t know what this problem is. It drives me crazy.

Can anyone help? Or point me in the direction if this was solved already.

thnx

Dave

I have the same issue. Don’t know what to do. I know that the swf loads the tiles before it sees the dimmensions of the jpg and the positioning is calculated based on the size of the tiles. So i think the question is how to preload these images.

PS I haven’t worked on this in a year.
Anonymous

is there a way to auto scroll this? instead of just clicking
Anonymous

Cab anybody help me? i want double click option for full screen of a image. Please help me.
Skullo

GREAT WORK !!!

And I have the same problem than some people here :
The first image doesn’t show up. Can someone help me?

TX
Jeremy

Hey, thanks for this awesome code! I am having trouble with the link to the URL. It works find on my computer, but when I test it on some other computers, the links don’t work. When clicking on the album image, nothing happens.

I am wondering if there is some security setting in Flash or the Internet browser that is not allowing the links to open. Can someone please help me with this question?

Thanks!
Aaron

Thank you Stephen, you are a king amongst men
Anonymous

Hi, I can’t seem to load this into my webpage on dreamweaver, when I open the page in a web browser the background shows and the scroll bar is static, yet the images arent showing? it may aswell be an image not a flash. Any ideas on how to resolve it?

Thanks in advanced,

Sadie

Anonymous

Try making sure the image paths in the xml file are relative to the page you’re viewing & not relative to the location of the xml file. For example if your xml file is in the same folder as the images ‘root/images’ and your page lives in ‘root/home’, the image paths in the xml file should be ‘../images/file-name.jpg’ and not ‘file-name.jpg’.

Neil Hodges

Hi, been trying for hours to get this to work in my ASP.NET app but its not working.
Does this work in aspx pages ??
when i use an iframe in the aspx page it works fine as its loading from a html file.
But when i either use SWFObject2 or even just simple Object Embed Tags it wont load in the CD covers, ive changed the XML paths to the images from relative and absolute URL’s but nothing seems to work when you embed direct into a aspx page.
Works fine in a HTML page ???

Any Ideas? Anyone?
Name

Is this modification possible?

I want a user to click on an image, and then text specific to that image would dynamically load into a div below the swf.

Also, when a user clicks on an image, a name is highlighted in a html list selector.

Any suggestions on how to modify??
Anonymous

Is there any Cover Flow that will wok with mobileme? If so, I’d like to use it for a photo slideshow on my website
http://www.maurizio-miceli.it/ Maurizio

Hi i love your project !! amazing !

please let me a question, i have a web site but i wish to put the html code on myspace page, how can i do this ?

note thath i can upload files on a server to be available to the myspace version.

thank you very much
Christophe

Hey there! Great application!!
Is there a possibility to show the back of the album while clicking on the frontside? Kind of a flip?

thanks a lot
Christophe

Christophe

just for the correct understanding: if the user clicks on the cover that is highlighted, the cover should flip and load the back of the cover, is this possible? does somebody has advice?

i think the getURL(infostruc[current-1].albumLink); needs to be replaced by the correct code that loads the cover back picture. I tried some stuff, but it did not work out

Anonymous

can i make the photos dynamic, I mean with a php code?

http://www.weberdesignlabs.com Stephen Weber

Yes you can. Just make sure they are coming from the same server that your SWF file is hosted on. If they are on different servers then make sure you look at crossdomain.xml

chris

i want to be able to do this. where do i start?

http://www.weberdesignlabs.com Stephen Weber

1. Learn the basics of Flash
2. Download the source
3. Replace images
4. Upload SWF, XML and Images.

http://www.swashbucklerinteractive.com/ Brad

Downloaded the Flash 8 version. I don’t believe autoNextP is being utilized, as it always auto-plays. The autoNext / setInterval line should be in a condition statement like:

if(autoNextP == 1) {
autoNext = setInterval(interNext,autoNextTime*1000);
}

Sorry if this has already been posted, but I didn’t want to read through 1226 comments. ;P

Brad
Brian Bubser

i’ve been playing around with Flash iTunes Cover Flow and when clicking on the ablum it opens a window with a 404 error. From what I understand if the link section is left blank it should be disabled, right? Not sure if I downloaded an older version or not.

What can I do to fix this?
Anonymous

If it’s help to anyone I was getting the ‘unable to load xml’ message when using an aspx framework using ‘Views’.

The xml file was in the same folder as the images in ‘root/content/images’. In order to get this to work I had to make sure the xml path in the swf & image paths in the xml were all relative to the page being viewed.

I had to:
1) make the xml path in the actionscript relative to the page ‘../content/images/file.xml’
2) Re-publish the swf
3) Update the image paths in the xml relative to the page ‘../content/images/file.jpg’
Anonymous

Oh and thanks Stephen by the way. Very Nice!
Anonymous

Hi Stephen, great job on that script and thanks to your ethusiasm sharing this precious piece of code with us. Been playin around now for several hours.
Pretty hard code you wrote. Variables are mostly self explaining

So I could adopt almost everything to my needs, but one thing is really driving me nuts. Is there any chance of setting a max size of the “coverflow movie” itself, when you embed it to another movie clip? The coverflow movie of course has limit in _width and _height. But the covers seem to ignore them.

Where are the screws if have tweak? At the moment the album covers spread over my whole clip…. da****!?
Anonymous

Has anyone been able to get this to work on magento e-commerce? i couldnt get it to work, the images are not showing up, only the scroll bar.

I tried putting all the files in the same directory using relative path (in the images/media directory) and also tried putting all the files in a separate directory and using absolute path but still not working.

Please help!

Thanks
Erol

Hi, this is amazing! I just had 2 quick questions:

1) when i click on the images the link in the xml won’t launch. However, when i take out the link it does launch a new tab (but obviously goes nowhere). How can i fix this?

2) Is there any way to change the image size in the cover flow?

Thanks!

Erol
http://www.cerulean.co.uk/ vahan

sometimes when im clicking to browse the covers, the timer makes me skip one :’(

its so annoying that i decided to spend an entire day trying to figure out how to stop it. heres my code for the flash8 version, all i had to do is add 2 lines of code, but figuring out where was the hard part :S

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”);
};
}
}
// add these two lines below
clearInterval(autoNext);
autoNext = setInterval(interNext,autoNextTime*1000);
// right here ^
scrollBar.scroller._x = scrollBarStart + ((current – 1) / (infostruc.length – 1) * (scrollBar._width – scrollBarStop));
}
Rob

Hi. Great little app. I just have one URGENT question. Is it possible to load external swf’s instead of jpgs??

http://www.weberdesignlabs.com Stephen Weber

Not with the current code, which is why its open source to let you change it for your needs.

orbdex

Hey, very nice piece of work!

Is there an out-of-the-box way to specify a xml-document the SWF uses to build the coverflow? By parameter maye? Or is is hard-coded to “albuminfo.xml” within the code? Don’t have a flash environment here so I can not doublechek within the sourcecode right now.

I was not able to find a solution on these 31 page of comments

http://www.weberdesignlabs.com Stephen Weber

Currently it is hard coded, but you can download a trial of Flash and edit that really quickly.

Anonymous

Helo Stephen
Need one tips. I want to show info when the image placed center not in click time. Is it possible?
Francis

first of all appreciation to the developers

secondly i need some help

i cant get the images to load, its under magento i tried every possible folder path for the images,

the images are stored where the xml is.

any ideas?
Francis

has anyone able to use absolute link to link the image? given in the same domain
Anonymous

excellent job on the script Stephen, it looks amazing..

is it possible to set the height of the reflection and have it smaller and fading to transparent?

any help would be great thanks

regards,
sh2605

Rocky

Hi Sh2605

Even i am working on it? Did you have any solution?

Thanks,

Tom Varela

I have failed to invoke auto cycling by setting var autoNextP:Number = 1;

What else do I need to do?

Anonymous

Fixed. Removed what was line 75 in ActionScript:
if (autoNextP == 1) {

Maheswar

Setting var autoNextP:Number = 1; is not working. What else do I need to set to have the autoplay working ?
Maheswar

setting var current:Number = 1; is not working to open a default album cover. It looks like the Flash CS3 edition file has problems. Can anyone please confirm and suggest fixes.

Maheswar

My mistake. var current:Number = 1; is working fine to open a default cover. But the setting var autoNextP:Number = 1; is not working to have autoplay working.

Anonymous

Hi,

Thank you very much, nice one ill use in my website
Anonymous

Several people have posted asking about the first image not showing up.. it seems to only happen when there are less than 6 albums in the xml file. I’m looking through the code now looking for the solution…
daibodhisattva

Okay.. to all those wanting to know why the first image is vanishing in some cases. I found the solution. I am using the CS3 version, but should be the same with Flash 8 Version..

The problem occurs when you begin lowering the number of children in the xml file (albums).. I found the vanishing first image depends on the width of your stage, as well as the number of images being displayed (album art). I was working with a stage 1000px wide.. at the top of frame 2, in the actionscript is the following line..

var deleteMaxDistance:Number = Stage.width;

I noticed my width was twice that of the original example file.. so I altered this line with…

var deleteMaxDistance:Number = 500;

… presto.. no visual difference in the rendering of the images.. however the missing image is back. Seems the solution is.. the fewer images/albums you would like to show, the lower this number must be.. as I said.. visually doesn’t effect your presentation.. but magically brings back the vanishing image. I’m on a tight deadline or I would drill in and see why this is occuring.. but for now. .there is the solution for those looking/waiting…

Nadja

Thanks a lot for your solution. I’m wondering about this too, but didn’t found a solution.
It is correct, that the size of the first image is the reason of this effect? It shouldn’t have the same size as the stage? Or is some other image in this xml-tree the reason?
I didn’t find any first image which is bigger or in the same width as my stage, when the first image wasn’t showing.

By the way, using your solution in my application all images will show, but I like to understood the solution

Thanks!

http://twitter.com/mt1087 Michael Todaro

This is great work and I am happy to be able to use this. I would like to have the ability to make the text appear in a box when you hover over the image, and then you are able to click within that box to redirect you to a place on the site. If someone could guide me in the correct direction that would be awesome. Thanks
Vash

This is just what I was looking for!

I edited a lot of things but I couldnt find the line where I can change the fontcolor of the album discription!
Can anyone give me a hint?
Anonymous

I need to link to images outside the directory containing the XML. I’d like to use absolute links, but if relative links will work…. How do I set this up, as just entering the entire URL does not work?

Anonymous

Fixed: ActionScript originally used this line:artLoader.loadClip(“./”+infostruc[num].art, newLoad.art);I removed the preceding “./” and was able to refer to the images as absolute URLs on another server (w/o needing any crossdomain.xml file).

Anonymous

Amazing code, cheers for sharing.

Been trying all afternoon to try and get a lightbox feature to work but to no avail. I can find examples of calling the lightbox (im using milbox) from flash, but cant work out how to combine with stephens code.

Any suggestions or examples would be greatly appreciated.

Regards
Dean
Anonymous

Hi there.

I was wondering if anyone has had any success combining a lightbox type feature with stephens code? Any examples would be greatly appreciated.

Regards
Dean
olliesound

Hello world

Does anyone know how to adjust coverflow’s size? I use left and right buttons to move the coverflow ( 7 items ), and when the fourth is selected for example, the non-selected items are over my buttons… Maybe it’s possible to show only 5 of the seven items … An idea?
xizo

I’m sorry but links are dead. Is it me or is it normal? Thanks for your answer and your website is amazing!

A young French webdesigner!

http://www.weberdesignlabs.com Stephen Weber

Sorry about that xizo, just fixed it.

http://www.msveranstaltungstechnik.de/ Martin

I have the same problems with dead links, only in IE, in Firefox everything works great.

Maybe you can fix this too?

Great tool

http://www.weberdesignlabs.com Stephen Weber

Hmmm…I just tested on the latest version of IE. What version of IE are you using?

I also tested on Safari, Firefox and Chrome.

http://www.weberdesignlabs.com Stephen Weber

Just tested on IE 6 as well and it worked.

http://www.msveranstaltungstechnik.de/ Martin

Im using IE 8.0.6001.18865

http://www.weberdesignlabs.com Stephen Weber

Hmm, just tested with that version and it works. Try clearing your cache or using a browser that hasn’t gone to that page yet.

http://www.weberdesignlabs.com Stephen Weber

If anyone else has any problems downloading please let me know and I will be happy to help. Thanks everyone and I hope you all enjoy the code!

Timmey

Hey,

first of all, great work and thank you so much for the source. Is it possible to disable autoplay in version two an change backgroundcolor only with xml? I only have the possibility to work with the xml-File. I can’t find the settings. If yes it would be great.

Greatings from Munich
Mike Mc

hi first thanks for this i love it awesome job.
However i have a question. how can i add an additional info box after clicking on one of the pictures of the cover flow. like a description to the item.
i would like to have a separate info box apear in flash not open a new window. is it possible? if yes how? thanks
Tom

hy many thanks for this great coverflow!!!

Is there any posibility to show “Umlaute” like äÄüÜöÖ! I have tried many different ways, but whenever i filled my xml with äÄöÖüÜ no one of these letters appears in the outputfile?

I hope someone can help me

Anonymous

You need to edit the flash file and change the font that is being used to one that has the umlautes etc.

Tom

Thanks for you fast reply. The Font has the umlautes. When I create a new dynamic textfield and than I fill this textfield with actionscript with umlautes they will be shown.

Anonymous

** Won’t Display First Thumbnail Bug – Solved(?) **
Some of us that need to use the cover flow in situations where there may be only 1 or 2 thumbnails have seen that anything less than 4 thumbnails results in the first thumbnail being missing. Actually this has nothing to do with the number but rather has to do with the calculated x position of that final (frontmost) thumbnail. It’s comparing that thumbnail’s position against the variable:

deleteMaxDistance

which as far as I can tell does pretty much nothing. At least not enough to cause problems that I can see. So if you’re still on the AS2 version (havent checked for this bug in the new AS3/FL10 version) here’s your fix:

Change line 18 from:
var deleteMaxDistance:Number = Stage.width;

to:
var deleteMaxDistance:Number = 10; // 10 or any small number will work

Should work fine.
cliff

I’m having issue displaying PNGs whereby the artwork showed have no transparency? Any help?
Avir

hi
first – great work!!! thank you very much
I have a very limited knowledge if flash, but I was wandering if it is possible, in the autoplay mode, to stop the scroll with mouseover on the cover and the text.

Help will be very much appreciate
UnR3aL

Hi,
I tried to put it in the center of the page: I set on “Publish setting” for HTML “Dimensions: Percent 100 x 100″ and “Flash alignments: Center Center”.
I set also “var centerX:Number = Stage.width / 2;”.
The scrollbar is in the correct position at the center of the stage, but the covers are not at the center. The same thing happens for the Flash 10 version. What is wrong?
Guest

Brilliant piece of work!

Does anyone know how I change the background colour of the reflected covers – they still fade to black yet I have changed this part: var reflectionBackgroundColour:Number = 0xFFFFFF;
Anonymous

Excellent piece of work – if I wish to increase the width of the document to 994 px how do I get the album covers to centralise?
Anonymous

it is good but hou i ad links over the image on second click can you plz help me
Anonymous

I like your horizontal cover flow.But I want to create vertical cover flow in same swing
Jeremy

I am trying to embed the flash file in PowerPoint. The problem is I have to specify the location of the flash file, and that points to the XML and image files. If I hand this off to other users, the file locations do not exist on their computers. Is there a way to package the SWF file along with the XML file and image files in one file that I can then embed in the PowerPoint, thus enabling me to save the PowerPoint as a PowerPoint show with the image slider embedded in it and no longer needing to point to all of the external files?
Anonymous

If i increase the width to 940px the center image is getting left padding. how do i get rid of it?
Sebastian

Is it possible to have the XML file as a parameter instead of hardcoded in the fla/swf files ?

I’m not a hardcore AS programmer, but a few hints would be nice, if it’s not a out-of-the-box feature.
florin

Hy, can you tell me please why youtube images don’t work?
Link to images format: http://img.youtube.com/vi/bAgegxdVdFU/default.jpg
I added System.security.allowDomain(“youtube.com”,”http://youtube.com”,”www.youtube.com”,”8.7.217.31″,”http://img.youtube.com”);
When I preview in flash it works but when i export it show me an white picture….
Sorry for my English

http://www.weberdesignlabs.com Stephen Weber

YouTube has to have their crossdomain set as well.

http://www.youtube.com/crossdomain.xml

As you can see its not allowing every website to scrap them.

I would setup a proxy.

brooke

Hey Stephen,

Im trying to make the .swf file on a website of mine but when opening the site in the browser its unable to load the xml data? i have the xml saved in the exact same folder as the swf and all.. if you could help that would be great!

Brooke
Alberto

Hi, is it possible in some way to use also animated gifs as covers? Actually it loads the gifs but not the animation. cheers
Anonymous

It’d be great to have a non-full screen version that could be easily toggled. And the ability to hide the scroller.
Anonymous

This question seems to have been asked many times so apologies for asking it again. Is there a way to amend the reflection for use with a white background? Nothing I do seems to make a difference.

is there an answer out there somewhere?

Thanks ….. Scotty

hexe ju

Hi, you have to change that in the .fla with adobe flash.

Chris

Hi, first just let me say thanks for this amazing script. I’m putting it to use or some student event type spam.

I am encountering a bug which prevents the first “album cover” art from displaying unless there are at least 4 entries in the xml file. After the 4th entry is added the first cover art finally pops up. I should mention that the artist and album information does display – just not the associated .jpg.

I’ve tried the fix that another user suggested below (changing line 18 so that deleteMaxDistance:Number = 10 instead of a variable) and played around with the actual value. Nothing seems to be working.

Has anybody else had this problem and found the cause?

Thanks!

Rostik

i made this edit to line 220

for (var i:Number = -1; i <= infostruc.length; i++){

seems to work now… give it a try

Anonymous

Stephen, you’ve got some great math in here. I am really impressed. I have been making a lot of edits to the actionscript and have run into a problem that I have not found a solution for. The images I’m putting in are high quality icons (covers) made for 180×180. I’ve done all the appropriate fixes and have the layout nice for displaying them, however, the horizontal border on them is skewed. Is there a render call or something of the sort I need to add? Would using the AS3 version fix this issue? (I am more familiar with 2 at the moment and haven’t got around to perfecting 3 just yet)

Thanks in advance,
Kevin
Anonymous

Hi,
Thank you for this magical piece of code,
So you’ve introduced me to class’s (I took the lesson)(although I only found access from the fla to “main.as, the others I had to load by hand) and by reading the errors I soon found a hierarchy that allowed “coverflow” to work on my desktop. changed the url,img files, etc in the xml file with dreamweaver, so far so good.
How do I put the swf on line?
At the moment I only get the black frame even though i respected the hierarchy, what do the index.html an .js files included in your package do??? I’ve read everything on your site…..honest
FJ

Hello everybody and thank you Stephen for this awesome application.

I have a question. Is there any way to load different XML files?
I would like to add some buttons that when clicked clear the data and art that is already loaded and load a different data from a different XML file. Let’s say, I would like to have four buttons that links to four different albums of pictures and that every time I just want to see one of them.

Till now I have tried to solve it in many ways inserting code in the function that handle the buttons’ click event.
For example, trying to delete the data from the coverArray with this:

coverArray.splice(0,coverArray.length());

and then call loadXML(); with a new parameter pointing to a different XML file.
The call to loadXML works perfect but I don’t know why the elements from the coverArray are just partially deleted, thus is, the currentCover plus all the covers and the titles on the right are still visible. :S

I tried to solve it in one more way, deleting all the elements from the stage with this:

for (var i = 0, i < _stage.numChildren(), i++){
_stage.removeChildAt(i);
}

and then calling main.init() (yes, I found the way to solve the problem of calling a main class method from a child class) but it returns an error:

TypeError: Error #1009: Cannot access a property or method of a null object reference.

Maybe is because the stage is completely empty.

Any idea of how can I load different albums collections from different XML files?
I'm completely stuck. :S
Any help is appreciated. Thanks in advance.
http://www.mrsjones.fr Marcus

HI Stephen,
Thanks again for this wonderfull little program which has become a major part of my record label site.
It took me around 2 weeks to get my head round it, but it gave me a unique in sight into how versatile flash can be; I disagree with Jobs. Thanks again(I wont forget a credit as soon as I do the page.)

http://www.weberdesignlabs.com Stephen Weber

Glad you like it!
Yeah Flash can do quite a lot. Credit would be nice, but not required.
Thanks for the comment.

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

http://www.weberdesignlabs.com Stephen Weber

Yes you could do that, however I would really recommend the Flash 10 version because it has a Z position that you could animate to do what your talking about.

Caleb

ok thanks for your quick reply.

one more question… i have had some experience with AS3 and i know this will work with the z axis..

my question is: if the person viewing the website doesnt have flash 10 version will it still zoom in. I dont mind if it doesnt look the greatest just want to know if the person can view it without the ‘flash has slowed down, wish to abort?’ error?

thanks
Caleb

http://www.weberdesignlabs.com Stephen Weber

Sadly in order for the SWF file to show at all they will have to have Flash 10. However Flash 10 is installed on 97% of computers.

http://www.adobe.com/products/player_census/flashplayer/version_penetration.html

Caleb

Well 94% in my country but still thats terrific news. No need to worry about that then.

If they dont have flash player 10 ill have the link to where they can download it.

Thankyou yet again and ill be sure to leave ur name in my comments in my html code.

Thanks.. this is a huge help

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?
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
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?

Geoff

how do you change the pictures?
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
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.
Eddie

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

http://twitter.com/itpixels mark bendana

just add this line on your javascript declarion:

params.wmode = “transparent”;

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
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!
http://professional-suggestion.com/ Uninstall Program

Thanks for your link:)
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.
bobo

could i use video and pngs?

Anonymous

Hi bobo, I may recommend you this coverflow which support videos. I hope you will find this useful.

werbewerft

Cool Tool. I using it in a Joomla environment. Works fine, but the Internet explorer have problems if the flash file load twice. The coordinates move to outside the window. Anyone know a solution?
http://new.internetkirche.com/index.php?option=com_content&view=category&layout=blog&id=183&Itemid=6&lang=de

http://www.weberdesignlabs.com Stephen Weber

IE doesn’t send the right stage width and height. I have to hard code this or put a delay on checking the stage due to this bug.

Andre Eisen

Just do it : )
I would be very happy if you can help me. I had no other tool found that works so fine!

Mohammad Raihan Mazumder

“Unable to load XML data..” Can i have correct XML data from you??

http://www.weberdesignlabs.com Stephen Weber

Hmmm…its worked for the 772768+ people that have downloaded it. I would check the path you are using.

Rathorenarinder

Hello,
I used the component provided by you.It really helps me and worth useful.As per my requirement i need to display images in loop like if i have 5 images i have to show them in a circular way not in one side.
Please provide me some solution.
Thanks
Mrzee1

I would like to create a flash movie with 5 different “screens”, each being the result of a click on one of the covers. So , i would like the cover floe to exist on frame 1 and the other screens on subsequent frames. What i need is the click to be an action sending the swf to another frame.
Priyak6791

can i change color to the shadow part which is displayed in down-facing the album
fily

very cool, thanks a lot!
Aude Brinckman

Many thanks for this wonderfull coverflow!
Just a question, is it possible to have images from different sizes…. I put .png images and it put in a blank backgroundcolor around the image, but not on the reflection one…
Any way to help me??
Many thanks in advance….
Brkhvnhall

I downloaded the CS3 COmmunity Version and Still Does not allow me to Add Transparent PNG FILES… IS THERE ANOTHER UPDATED FILE… SOMEONE HELP ME
Guido Bertoli

Hi! What can I modify in the code to open urls from the covers not in a _blank new browser window but
in the same window? I have tried to change the “_blank” target to _top or _self but doesn’t work.

Any suggestion?

thanks
Guido
Pas06

iis it possible loading images from external site like http://
in data.xml http://www.mysite.org/images/photo.jpg
not work why?
thanks
Lucas Faria

in description of the image, how do i change the font?
Joseph

hello can i ask you one thing how can link to video file while clicking the image
ddddddd

xml path not working please help
http://www.pakistanmobileprices.com Rehan

First of all thanks for this great slider. I have found a small bug if place less than 5 albums in XML it shows only 3 images the forth one disappears but its name is shown. It only shows the name but no image.

Julien

I have the same problem, have you found a solution? Thank you in advance

Robby

Great flash guys, just great. But one question though, I found a flash Cover Flow on http://www.flashxml.net website that supports .flv video. Do you have this feature? Thank you!
Julien

I tested this coverflow but I have a problem:
if I put only three albums (for example) in the XML file, the first image does not appear!
How to solve this trouble?
thank you in advance for your help
Mborneforum

hi thanks for your work!

i’ve just a question!
how could I choose an URL for my images?
John

I’m in the need of creating a lightbox effect when clicking on the album.. instead of a URL. Any assistance would be greatly appreciated.
http://www.infinite-imaginations.com/ nino ross rodriguez

i have the same problem. im working on an application that MAY display 1 or 3 images only. it doesnt work properly with 3 images. it should be at least 4. does anyone know the solution to this problem? lets say if you have 3 or less images?
Anonymous

Greetings JonBar,

I have your solution of shadowbox and coverflow over at my home site http://grx3.com/portfolio. I just used the advice from JM above for fancy boxes. Do a find and replace on “, _blank” with nothing and there should be 3 occurrences in the .fla. After those are removed add a call back to your html file as see on my site. Then from there add the code like above to the xml so javascript:openShadowbox(content,player,title); I use player = “iframe” for what I doing.

function openShadowbox(content, player, title){
Shadowbox.open({
content: content,
player: player,
title: title,
width: 890,
height: 500
});
}

Shadowbox.init({players: ["iframe"]});
http://www.jamgraphicsonline.com/ John

this doesn’t seem to be working for me.. would you be so kind as to offer me your fla file and xml file so I can duplicate what you’ve done?
Name

I have been able to figure out everything I need so far except for the Auto Play…exactly how do I make this work? I have “turned it on” by putting a 1 instead of a 0…but it still doesn’t work…?
http://fireworks.my/ Yanzer Lee

muchas gracias. i love you. thanks for you transperancy fix!!!! ( after an hour of debugging! )
Bruce

I figured this one out already. You have to modfy the def1 and def 2 objects in the library
http://www.neutrinoinc.com Mike Karikas

Aye, you can! Find this line:
this.beginBitmapFill(this.texture,this.sM,false,false);

and alter it to this (change the last arg to TRUE):
this.beginBitmapFill(this.texture,this.sM,false,true);
Josean

Hi, did you discover how to avoid reflection?? It´s possible? Please, tell me. I´mdesesperated. (joseanmola@hotmail.com)
macluver

never figured it out. Just went with another method of execution instead of using this.
pierre

Hello, sory fpr my english, but do you know how to change the X and Y position of the cover… ?

Thanks !!
pierre

Sorry but i just don’t make ot work, and i cant’ find the mootools-1.2.3.1-assets.js, can you help me please ?!!

Cheers

Pierre
http://www.lazybucks.com/ J B

I’m not sure if this is what you’re looking for, but I just changed the value of the variables “centerX” and “centerY” move the entire cover flow.

Are you French by any chance? If so and if I’m not answering your question, maybe post in English and French and I will try again. My French isn’t great but maybe it will be good enough.

01SepFlash iTunes Cover Flow – Version 2

Tags

Recent Posts

Services We Offer

Services We Offer

Recent Posts

01SepFlash iTunes Cover Flow – Version 2

Tags

Related Posts

Popular Posts

Recent Posts

Services We Offer

Services We Offer

Recent Posts