-
Website
http://www.weberdesignlabs.com/blog/ -
Original page
http://www.weberdesignlabs.com/blog/?p=11 -
Subscribe
All Comments -
Community
-
Top Commenters
-
arunsameer
3 comments · 1 points
-
cretins
4 comments · 1 points
-
cuebadger
3 comments · 1 points
-
easynow
4 comments · 4 points
-
Stephen Weber
78 comments · 7 points
-
-
Popular Threads
-
Flash 10 Coverflow
1 week ago · 29 comments
-
Flash 10 Coverflow
With this in mind, change
var relectionColours:Array
var reflectionAlphas:Array
to
var reflectionColours:Array = [0xff0000, 0x0000ff];
var reflectionAlphas:Array = [100, 100];
This makes the overlaid box blue and red, and should make it a lot easier to see what you're doing.
Next, play with
var reflectionRatios:Array
change the two values until you get a nice gradient. It takes a bit of playing with, but [105, 195] worked well for me.
Finally, change the colours back to 0x000000, 0x000000 and then change the alphas to [100, 0]. This way the image will start bright, and then fade to black. You can set the alpha to [100, 20] if you prefer the reflection darker, but this doesn't work too well with transparent PNGs as the reflection will include a black box.
Hope this helps you understand! The script is awesome and working perfect for me now. Thanks!
thanks for the help
I'm not quite sure how to assign the target of the link in flash. I haven't used flash before, but I figured out by googling it has something to do with getURL. So I opened iTunesAlbumArt.fla file on flash, clicked on action and opened the code. I found three lines of getURL and changed the second parameter of each into the name(id) of my iframe or to _self, all of them with or without " ", ' '. Nothing worked as I intended.
Another question is, would it be any different or easier if I insert swf file on the page through dreamweaver instead of using iTunesAlbumArt.html and modifying?
Please give me some advice. Thank you.
And I have the same problem than some people here :
The first image doesn't show up. Can someone help me?
TX
Fantastic Coverflow. Ok, so one thing i noticed about this blog is that there are lots of people asking questions and not alot of answers.
To make thuings easier and save stephen time i thought people could add to this FAQ if they discover how to overcome a problem they have and then repost the full FAq, this way it will save people having to search all 1000 posts.
These are a couple of problems i have over come:
1. How to load another movie (allows to use coverflow as navigation)
Replace >> getURL(infostruc[current-1].albumLink, "_blank");
With >> _root.loadMovie(infostruc[current - 1].albumLink);
Example >> http://nuweb.northumbria.ac.uk/fashion/AcReg/ga...
2. How to combine Coverflow with Lightbox
Replace >> getURL(infostruc[current-1].albumLink, "_blank");
With >> var address = "javascript:Mediabox.open(\'" + infostruc[current-1].authLink + "\', \'<img src=Title" + infostruc[current-1].authLink + "\', \'mediabox[600 200]\');void(0)"
getURL (address);
Combine with javascipt/css includes from example.
Example >> http://www.getelastic.co.uk/Case7/gallery.htm
3. How to remove reflection
This is not the correct approach, but it works, change this setting
Set to >> var reflectionSpace:Number = 1000;
@the people out there, i have two questions:
1) the transparent png works for the cover, but not for the reflection.
the reflected picture has no transparent parts. is there an option to fix this?
2) is there a possibility to add something to the .xml file so that
the coverflow automatically jumps to a specific cover?
explanation:
i want to make an xmas calendar with the coverflow and offer a special gift
every day. so on the 10. of december for example, i want that the coverflow
shows the image for day 10.
would be great if someone can help.
i'm not that good in action script, more a designer :-)
greets!
@rtom: you can change this to jump to any node:
xmlData.onLoad = function(success:Boolean):Void {
if (success) {
_root.current = new Date().getDate(); // jumps to the date
/* or you can jump to the middle:
_root.current = Math.round(xmlData.firstChild.childNodes.length / 2); */
THE TRANSPHARENT BUG isnt fixed... i hope it will be fixed soon :)
Do you have an AS3 version ??
Only works in AS2
Regards
var autoNextTime:Number = 5
delete the ";" and it will be work. my works.
4 lines to edit:
line 84: this.texture = new BitmapData(ptexture._width, ptexture._height, false, 0x00ffffff);
line 174: this.beginBitmapFill(this.texture,this.sM,false,true);
line 531: root["_bmd" + this.number] = new BitmapData(target._width, target._height, true, 0x00ffffff);
line 532: root["_ref" + this.number] = new BitmapData(target._width, target._height, true, 0x00ffffff);
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
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
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****!?
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??
I am having a problem with the first image to show up. But only sometimes... Can anybody help me, what this could be?
Thanx
How do I increase the overall size of the cover flow? It works great and looks really cool I would just like it a bit bigger.
Thanks
Alex
var current:Number = 1;
If you change the 1 to 3 for example, the third picture will be shown first.
Or did I understand you wrong?
see it on..
http://experimedia.net
If anyone can help guide me that would be great.
I know I have to call for it in the Flash script but am having a hard time finding where. I see posts about the "getURL" but this line is not in my script. Am I missing something?
Thanks in advance,
a quick question also, is it possible to use an XML file from a URL? instead of a relative file. I was thinking to generate the xml on the fly via a URL. Then the content could be dynamic and maybe support paging in the url...
thanks in advance
Thanks you!
1. Make a new MovieClip (instancename: loader_mc) with the same dimensions as your SWF you want to load.
2. Go to Actions and change:
getURL(infostruc[current - 1].albumLink, "_blank")
into
loader_mc.loadMovie(infostruc[current - 1].albumLink );
3. Open up your XML and change the albumLink and artistLink into 'yournameoftheswfyouwanttoload.swf'
That's it :D!
rArt.id = cArt.id = rArt.cid = cArt.cid = Number(i) - 1;
Seems to fix the problem without making any other problems
I am one of many who love the idea of using a slick version of this navigation style.
I really appreciate your effort.
c.
I tried the solution provided :
"replace :
for (var i:Number = count=0 … by for (var i :Number; i"
but this gives a error.
As i can't read the fla, could u publish the whole line of code ?
rgrds,
B
I have made a version for CS3 people and for Flash 8 people.
You can download the source code appropriate for your Flash version.
I do recommend getting Flash CS3. If you are a designer or a coder then it is to your advantage.
Also its more stable for PC and Mac (unless your PowerPC Mac).
Any plan to optimize this? Its CPU usage is huge even during idle period
I notice that in line 198 nothing has changed ?
Does the advice :
"
# Alhadef | September 27th, 2007 at 2:57 am
I’ve locate the “elevator door” bug in line 198
to fix, replace :
for (var i:Number = count=0 … by for (var i :Number; i
"
not work ?
cheers,
b
Well I don't think thats the answer. Maybe I am just not seeing what he is seeing, but thats not the bug to me. If anyone can spot it that would be great.
I also hope that this can be optimized a bit. Some people seem to have 100% cpu usage with this ^O^;
loving this cover flow effect so much : )
Yikes! Three lines of hyperlinks. I think thats too much. No offence, but thats well...not going to be built. However the performance of the code is always important. There is a much better way of doing it. Right now it uses Prototypes (old and ugly way of programming) and it uses an interval. In AS3 this thing would kill. I think that might be the next step, but I got some other projects I am working on.
Does anyone have any ideas?
"The elevator door"
increasing these values worked for me
var deleteMaxDistance:Number = 500; (to 800)
var doubleClickRegister:Number = 500; (to 800)
for a 790px wide stage
MacHappens
My build files http://www.machappens.com/coverflow.zip
Please look into it and keep up the good work!
nice man ! It seems that the elevator in his case happens outside off the stage, so normally no problem.
But... ;)
in my case i want to use the swf in a flex application. And it works fine. Unless the screen resolution is bigger than the numbers set in the vars (800). Flex shows the content of a flash swf even if it's outside of the flash canvas. So the elevator is shown again. Settings the values bigger, like 1600 or so, gives stranges things, like slides disapearing.
So now i'm looking if i can mask the outside of the flash stage.
But thx MacHappens, one step further :)
grzt,
b
So ideally I want to be able to click on the image once in the center position (as is) but then that will load an external image or movie into Flash rather than have to set up a HTML frameset..
Any thoughts? Much apreciated. :)
I think Alhadef was right about the bug. In fact, i've replaced the for () loop line 198 by this
for (var i :Number; i <= infostruc.length; i++)
and have no more problem of "elevator door" bug.
(Do you have any reference or ressource to help to understand your way of programing this?)
Thanks
in the line 198
for (var i:Number = count=0; count<Stage.width-(centerDistance*2); count += shelveCDSpacing, i++) {
if there are lot of images or if the shelveCDSpacing is big there is an exit before to create all the clip.
If you simply describe all your objects like that, it's works !
for (var i :Number; i <= infostruc.length;i++){
I don't really understand why we couldn't load a movieclip or an swf file. It work for the reflection, but not for the main picture. Could you explain why, maybe it will be a clue for me to modofy it to accept mc or swf file.
Thank you.
Thanks
I am curious if anyone has been able to use this with a CMS system or not.
Any help would be appreciated.
First open the .fla in flash
Hit F9
Search using CTRL+F for xml, find XML load parameters
Type in desired URL path for where you uploaded .xml files
Save file.
Export file as SWF
Upload your new SWF and viola everything will load.
Hope this helps all.
As far as the CMS/Joomla issues I recommend downloading mod_php and other php modules which allow straight script into a content box.
Thanks! :)
I am sooo lost with this and can't figure how to do it :(
This is my first time here and I just want to throw you a big kudos for making this available! I've used it for displaying templates and I'm now trying to create a plugin for e107 so that the XML can be updated within the admin panel- Your work here has saved me a lot of time so I can just dig right into the plugin. I have made a note to add credits to you in the plugin for the flash
It will be even more better if this coverFlow support different image size for each album cover, any idea on how to make that?
very great work. wonderfull.
But i've coding problem for german chars like ö,ä,ü
Which encoding is used there?
best regards
Frank
This is a great bit of code and it looks and works great. However, can anyone tell me why I can not open the .fla files that I've downloaded. Neither the iTunesAlbumArt.fla nor the MacHappens fla can be opened using Flash MX 2004 (7.0.1) on my MacBook Pro OS 10.4. Thanks for any help or tips! -Keith
Sorry dude. This is saved for CS3, or Flash 8. I don't even have a copy of MX anymore to save it for you in that format. Also I don't think it will work for Flash MX. I think its time to get Flash CS3 dude, its worth the upgrade. Happy torrenting! :-)
Don't know what I was thinking... purchasing the latest and greatest now. Cheers! -Keith
I love your code and I try to customize it..but my level isn't good enough..
I made a site with a background inside which your code is called. Now I would like that by clicking on each cover, a description appears in a new movieclip. This container will be not in the scene of your code but on the scene of the 'website file'. The value of 'description' should be found in the albuminfo.xml file under a new tag called .
Could you explain how to reach this ?
Im trying to make it so that you can click directly on the 'cover' image that is in the front and that then takes you to a web site or another image or what ever it maybe.
any help with this would be great!!!!
Thanks Stephen for the great component!!!
Jasen Burkett
Shape and Light Web Development
if (current == this.cid + 1) {
getURL(infostruc[current - 1].albumLink, "_blank")
}
add this before the line:
current = this.cid + 1;
this points the front cover image towards the associated album link in the XML file. If you need this link for something else, you can add the XML nodes and change xmlData.onLoad as needed. I'm no expert, but that should be enough to get you started.
However we noticed a small bug, as animation is endlessly calculating, processors are running very high even if nothing has changed.
In function mc.onEnterFrame, if you surround the setTransform call with an 'if' checking if something has changed, then computer ventilators will stay quiet!
if (this.x == undefined || Math.abs(this._x - this.x) > 1) {
this.setTransform(this.px1,this.py1,...);
}
Cheers
Is this legal open source? Where can I find the license file?
I would need permission to redistribute this with a windows application I'm developing.
Show owns this source code?
I love it :)
It really is!
But maybe can help us out, by answering two of the questions above?
I tried my best, but I am hopelessly lost.
First one by michael:
"It will be even more better if this coverFlow support different image size for each album cover, any idea on how to make that?"
Second one would, which was asked by Jun:
How can we implement MCs or even better swfs? Is this possible?
@Christophe Krebser:
Can you give us little more precise explanation, please?
The CPU issue is a major one, so maybe can you point out once more, which lines of code have to be replaced? Would be very nice, if you or someone could explain in greater detail.
Thanks to everyone helping out and a special thanks to Stephen
Jpg's and albuminfo.xml are in the same directory.
New to flash, please help.
Great Job. I too am having a similar problem, works fine in preview, test and as an export in html mode with the swf however will not work if exported as a swf standalone or try to open the swf without html. Error: unable to load xml. My attempts have been limited to changing the load url ("./albuminfo.xml") and are unsuccessful. I too am new to flash.
Thanks in advance.
or do i have to buy this stuff from you ??
I don't even like this code anymore, I used displayshelf for Flex. Its much less taxing on the computer, it does it a good enough way. However the most realistic way is using papervision and so forth.
Good luck and have fun with it.
Btw if you are having problems with it ask around. The code has worked for 1,000 other people so I doubt its the code in some cases.
this is great! i just put a slightly modified version it on our page www.radiopilatus.ch (under "pilatus") to show our team members - and they're all very pleased with it! thank you very much!
I have read all posts now but Im no coder of this kind so im a bit confused on how to fix the CPU issue.
Read that someone manage to fix it, but is there any codefile i can downlaod and copy-paste into my file?
this is great cant thank you enough for putting this together ive been looking for this for some time.
I have a cd rom project im putting together and want to use this as a starting point for a gallery section. im developing on a mac and my projector file launches this as an swf, works fine off the cd on mac.. but as an exe on a pc, the xml loads but the images dont, as if the path to the album art is wrong i guess? Ive changed the look and sizing etc and loaded it into a _level10 from the launch file. Aside from that the code in the flash is the same?
Any ideas would be greatly appreciated!
Im trying to get ventilators to stay quiet - tried the script Christophe suggested but no luck - still whirring away.
any ideas??
"However we noticed a small bug, as animation is endlessly calculating, processors are running very high even if nothing has changed.
In function mc.onEnterFrame, if you surround the setTransform call with an ‘if’ checking if something has changed, then computer ventilators will stay quiet!
if (this.x == undefined || Math.abs(this._x - this.x) > 1) {
this.setTransform(this.px1,this.py1,…);
}
"
i am a beginner at action script and learning it now. much props to stephen who created this.
i've had a look at the whole project and it's great. but if anyone has the time, could you please provide a link explaining each line of the action script, that would be great!
thanks!
http://youtube.com/watch?v=k7KNtPQRirE
I've developed similar AS2 project in France, using sandy 3D engine to distort image and Fuse FMP engine to smooth ease the flow. CPU Usage is better with POO :) Now for my Wordpress Blog, I have linked the coverflow with AJAX based LightBox2 that can overlay picture over the page (but it can be an URL too -> donalyza).
You can see demo and english tutorial here
this.setTransform(this.px1,this.py1,this.px2,this.py2,this.px3,this.py3,this.px4,this.py4);
with:
if (this.x == undefined || Math.abs(this._x-this.x)>1) {
this.setTransform(this.px1, this.py1, this.px2, this.py2, this.px3, this.py3, this.px4, this.py4);
}
To load a movie instead of an URL, look for line 314, and replace:
getURL(infostruc[current - 1].authLink, "_blank");
with:
loadMovie(infostruc[current-1].authLink, _root.myClip);
and on line 326, replace:
getURL(infostruc[current - 1].albumLink, "_blank");
with:
loadMovie(infostruc[current-1].authLink, _root.myClip);
Create a movie clip container on stage to hold the swf. Give it an instance name of "myClip"
Then in the XML file look for URL, instead of an URL replace with an swf, for example "myMovie.swf".
Do the same for .
To control CoverFlow using a button on the stage use:
on (release) {
_root.current = 1;
_root.updateInfo();
}
Explanation:
Whereas _root.current = 1 directs CoverFlow to goto "Image 1" according to the variable number specified. For example if _root.current = 2, then CoverFlow will goto or slide to "Image 2", and _root.current = 3 will goto "Image 3".
_root.updateInfo() simply updates img_info.author and img_info.album.
Great Man
Only the CPU usage is huge , any plans to solve it?
Martijn
NL
CPU usage will drop down to 2 -6 %
Great Job Aries Thanks
Martijn
Holland
loving this cover flow effect so much : )
Great work!!
im still having some problems when exporting as .swf it keeps saying "unable to load xml" and i stood there like three days now trying to make it work think you guys can give me a help!? or what can i do to export it as a movie clip because, when i download the file and unzip it and try to play the .swf that you guys made it still tells me "unable to load xml"
im running on flash cs3
ps: already tried what Todd, 19. October 2007, 18:51 put, but still no good :(
I love it so much.
With Aries´ cpu-usage fix, Alhadef´s elevator bug fix and Zach Gildersleeve`s clickable covers it is nearly perfect. I am looking forward to further modification and extensions.
Thanks
Thanks Stephen, it helped me a lot !
Just one little problem, I can't figure out how change the scrollbar dimension and position without "broke" it's behaviour...
can anybody help ? ;)
thanks again
thanks forn all friend..
its nice
Toon
me too, thanks.
Question: how could I use gifs so I can use transparancy.
I used this for fotos that were not square, so I would like to add transparent side bars to deliver a square picture.
Or can I do this some other way...
Igor
This is great. I was hoping you or someone else out there code help me out.
I figure out how to add additional columns of text to each of the cover changes. What I can’t figure out is how to add an additional image that changes with the new content.
I found an example of what I would like to do. See how this company shows off their customer’s logo when the content changes.
http://www.demandware.com/clients/
I know to create a movieclip and give it an instance name and I know to update the XML file. I can’t figure out the actionspript to tie it all together.
If anyone is out there that can please help....
It tried this:
-------
Create a movie clip container on stage to hold the swf. Give it an instance name of “myClip”
Then in the XML file look for URL, instead of an URL replace with an swf, for example “myMovie.swf”.
-------
by using this code:
this.createEmptyMovieClip("myClip",this.getNextHighestDepth());
Loading the movieclip works fine, the only problem is, that the MC is always covered by the cover flow images and I can't figure out why?
Can anyone help me out, how I can get the MC to be on top?
Seems like "this.getNextHighestDepth()" doesn't work.
Thank you very much!
Hendrik
i know must edit in Flash CS3...but where do I go to bring up the codes section--so I can make the changes? Many thanks!
_root.myClip.swapDepths(4000);
You can use a higher number, but I use 4000. I looked through the code and the main components have are on 1000-2000, I think.
Idetrorce
Line 32:
var scrollBarStart:Number = 0;
I tried changing this to 3,4, and etc. but the starting position does not change. Will you help on this. Thank you.
I want to use it as a personal Image-Database Browser... it would be kickass if the code can read the imagesize from the file... not every image in my DB is my default in eone size...
Please keep up the good work.
I did check on 3 computers and make sure they links are solid.
The files are on the server and I can download them just fine.
Try going directly to the link maybe, honestly I am not sure.
Keep us updated.
When i display more than 22 Images, each next picture (23. 24. etc) is hiding. I can brwose throu them, but cant the them. Furthermore: A falhing bug appears on the left side and blinks the often i scroll to the right.
ciao
Yes. Apple released a Security Update 2007-009 for Leopard OS X. Before I downloaded this update I was able to click the album (even in your example above) and it would direct to the appropriate link.
This flash application was working properly before the Security Update. A friend of mine did the update aswell and we tested this application on his computer.. same results.
However, other flash applications still work after the update. Which leads me to believe it's the actionscript in this code.
Perhaps you may know what would trigger this to not work in regards to external links.
Perhaps this application is also not compatible with Adobe Flash 9.0 Player? I believe that was included in the update.
Here is some information on the update which has affected the script:
http://docs.info.apple.com/article.html?artnum=...
http://www.adobe.com/support/security/advisorie...
It's strange.... now that the link doesnt work... :(
i have been modifying the script to my specs. and its great thanks :D
1 problem. im now makin it graphicly ok for my site and all the graphics look diffrent to the ones i made on fireworks8 ! e.g the scroolbar i turned it purple and the three lines in the middle dissapear every second slide. and the colours turn very low quality etc.
please help
btw great componet!!! :D
Do you know how to modify the code to launch a new browser window?
I see the modification above but it is not working. I've had luck with specifying opening in "_self" (and maybe "_top") would work aswell.
Just wonder if there is a part of the flash script to modify to specify opening up in a new browser window or in the xml..
Thanks..
But! Great Script. The best of all I've seen ((blitz, doug mccune, antti kupila, Yet Another Coverflow, Adobe Coverflow class)
bye
P.S. I'm not a heavy script guy. thanks
Great stuff! I really appreciate the work you have put into this. I would also like to thank those who have suggested modifications and improvements in this thread. The open source community is truly something to behold.
David
Writing this: var fadePoint:Number = Stage.width-49; (hides the right side)
Any suggestions? ;)
/C
http://tomshen.net/flash/jan_08_01/tom_dec_07.html
and here's another example.. middle of page:
http://www.jacobswebdesign.com/
Thanks.
Chuck
As soon as i put in the changes for less CPU changes, the covers come up in a weired way the first time i load them on a fresh browser (with deleted cache) -> see the picture
www.lwowski.com/problempic.jpg . As soon as u click one of the covers everything is back in perfect order. also the next time u load it.
has anybody an idea how to solve this problem.
thankx
daniel
I've tried my best to decipher this stuff but I'm not coding pro.
var deleteMaxDistance:Number = 500;
to:
var deleteMaxDistance:Number = 600;
I put a png file as album cover and I get a white background behind the pics. Is there a solution to get only the pic from png file ?
Thx,
Ben
I need to customize in such a way that the rotation of the clicked object.
Could you post full commented and optimized version.
Thanks.
BaskaranS
Images sizes: I wrote a program that accepts a request and returns an image (I did it in a servlet but it can be done in PHP as well) Look for tutorials for generating thumbnails on the fly. It works great!
Databases: Similar fix, develop a PHP or some other script that queries your database and creates the XML file, instead of sending it to the browser it will be read by the flash and it never knows the difference!
I did encounter 1 problem not mentioned here. Sometimes (not all) the images will load in the bottom right hand side rather than the middle. As soon as you select an image they adjust back to normal.
Anyone else encounter this?
Thanks,
TheBigRedButton
Play around with the var deleteMaxDistance:Number = 500; variable
Haven't really dug into the code too much just been playing with the variables so far...
But I have 17 pics and changed the--
var deleteMaxDistance:Number = 500;
to:
var deleteMaxDistance:Number = 1000;
That seemed to get rid of the "flickering"
Thx for the code, one of the best "Coverflows" I've seen
First,wonderful coverflow!!
As mentioned by others, once the coverflow is online, it isn't unable to load the xml file. Please explain how to solve this.
And I would like the coverflow go round, meaning if I am at the last item, I want it to start over automaticly with the first one. Just like http://www.trick7.com/blog/swf/coverSlow.html
Does anyone how to do this? I'm a beginner in Flash.
thanx,
Chantal
PS, I have Flash 8
That´s the same problem i have. anybody an idea to solve it ?
to bigredbutton
your tools sound very interesting. where can i find them ?
thx daniel
PS I haven't worked on this in a year.
There is a fix for your question in a post above, it should work for any link.
I generate the XML file dynamically and feed the images via an image resizing servlet as well.
www.gerewmultimedia.com/gsr/Home
Any theories are welcome. Thanks!
To change the size of the images:
line 18 - var frontCDWidth:Number = 150(take any size you want);
line 19 - var frontCDHeight:Number = 150(take any size you want);
To change fade color into white:
line 35 - var reflectionBackgroundColour:Number = 0xffffff;
line 49 - var reflectionColors:Array = [0xffffff, 0xffffff];
But, does anyone know how to make the flow go round. See my comment on January 8.
thanx,
Chantal
I've been look at this Cover Flow and it GREAT! I'm sure this has already been asked, so I'm sorry. Can someone give me a finished file or some code example where the images are links as well. Thanks a lot.
Matt
but i need to know how i can change the background, because i just made it white for fun and the mirror-pictures were covered over with this kind of black .....
could somebody please help me out with this one?
thanks
Does anyone know how to increase the fade?
Thanx,
Chantal
i would like to know two things:
1. how can i change the size of the pictures
2. HOW CAN I EDIT THE COLOR OF THE SCROLLBAR????
it would be nice to get an answer for these question, so i can show my own made customization of this wonderful script
and thanks to aries who solved the cpu speed problem, nice work too
This is a serious issue makes it completelly unusable!
I was wondering if maybe it would be possible if for example the initially selected cover was the 5th to load the first then flick 1 every second until one reaches the 5th this would fix my problem I just can't figure out how to do this.
Many thanks!
I have a question: I added a brown line to the bottom of the page and I want that line to show above the image reflections. I am new to flash and not very good with actionscripting, so I was wondering if someone could tell me what I would have to do to get the line above everything.
Thanks in advance!!
how can i make the right entry for the albuminfo.xml for these signs >>>
ä >> ??
ö >> ??
ü >> ??
& >> ??
please help me out
The error come from the the dynamically generated xml file. I was using php and the code was as such:
echo "\n"; or print "\n"; this causes error because it does not generate fast enough
changing this to $echo = "\n"; $echo .= "\n"; etc and then right at the end use print $echo; does the job!
Hope this will be usefull.
i build this menu in the startsite of our xtcommerce shop and said
getURL(infostruc[current - 1].authLink, "_self");
but it wont open the links in the same site, it always opens a new window .....
how can i fix this?
Does anyone out there have another way to optimize the code without any side effects?
Does anyone know how to make an object be in the front of all the CD reflections?
Since im not good at actionscripting i figured another way to fix this issue. All you got to do is load a few of the 1st images into the browser cache 1st.
if (document.images)
{
pic1= new Image(117,150);
pic1.src="images/coverFlow/game_masterPlan.jpg";
pic2= new Image(117,150);
pic2.src="images/coverFlow/game_operaSlinger.jpg";
pic3= new Image(117,150);
pic3.src="images/coverFlow/game_dangerZone.jpg";
pic4= new Image(117,150);
pic4.src="images/coverFlow/game_theBlob.jpg";
}
With the program "Adobe Flash CS3", open the iTunesAlbumArt.fla file.
Open the "Actions" window (F9 key)
To change the size of the images:go to the following 2 lines in the script.
line 18 - var frontCDWidth:Number = 150;
line 19 - var frontCDHeight:Number = 150;
Change the 150 to any size you want (example: 100), Now make new image thumbs 100x100 to match the size you choose, and replace the old 150x150 thumbs that came with the script.
Save and "Export" your movie.
Chantal, back on 8. January 2008, 4:29
You asked if anyone know how to force the script to loop back around rather then end at either the left or right. Like this example
http://www.trick7.com/blog/swf/coverSlow.html
Did you or anyone ever figure out how to add a continuous loop around to this script?
Thanks,
awesome script and thx for sharing with the cround
i have a question though how to provide an absolute path for images in xml ?
Thx
badges/album1.jpg
Alfa
Alfa Romeo
index4.html
index4.html
Is it possible to smooth the loaded images so there is no pixelation when transformed?
Thx!
" i want the link to open in the same window, it currently launches a new window, any ideas?"
Where would you change the "_blank" to "_self" in order to do that? Thanks
A million thanks to Aries who's fixes and explantions are awesome. CPU is now running great and linking explanations, as well as how to load mc, really helped a lot.
and also a million thanks to Matth and Alhadef for the elevator door bug fix.
the end result is real sweet! Thx!!!!!!!
Your CoverFlow-Effect is great! Exactly what I was searching for.
I'm not very good in Flash, but is there a possibility to feed the CoverFlow with MySQL-Data?
Thanks a lot,
Moe
this.setTransform(this.px1, this.py1, this.px2, this.py2, this.px3, this.py3, this.px4, this.py4); needs to be run at least once after laoding the first images
I use flash 8 to edit the file. Just like Billski mentioned:
Go to the timeline above, click on the 2nd frame of actions. Then make sure your actions-window (F9) is open.
There you can alter the things you want.
@Molly
Thanx.
@Billski
Unfortunately I still don't have an answer on that question. Please let me know if you do...
Here the URL of the site where I used this coverflow. The site is still under contruction.
http://www.blackk.nl/fragent/index.html
Please give your comments on the site if you want ;o)
Regards!!
I also have a question maybe someone can help me. When I write in albuminfo.xml in artist or albumName field in different language for example Russian, it not showing up in flash. I know there is encoding problem but I don't know how and where to make changes.
Here's another way to do the cyclic effect with the albums. replace the original Previous and Next functions with:
--
function next():Void {
if (current1) {
current -= 1;
} else {
current = infostruc.length;
}
updateInfo();
}
--
Simple but effective.
Mr Pi
function previous():Void {
if (current>1) {
current -= 1;
} else {
current = infostruc.length;
}
updateInfo();
}
Pi
i hope more updates in the future, esp regarding CPU usage optimization.
But how can i reduce the reflection size?
I want to display only ca. 20% of the image upside down.
Thanks
On line 24, increase the value and see what works best for you.
var albumEase:Number = 4;
(i have 16 images and a value of 7 works for me)
I love this bit of flash. I am totally new to flash and am using flash 8. I would like to know how to change the number of albums in the flow. I know how to get to the script bit but dont know what to look for.
Thanks
James
can i put this on my iweb page?
Is there a way to get rid of the reflections completely. I can change all the paramaters but im still left with a big box underneith the images.
Thanks
Tim
Just curios about your thoughts on how to simply go about adding a reverse album side (which would show on initial click of the album cover rather than going to a full size image or url) and and on click of the back side it played a sample video with-in the same album cover frame.
though i've only seen one example of the type cover flow style i'm refering to - it seemed a little complicated to arrive at; perhaps since i'm not familiar with the three additional products they used to achieve it.
any thought on how to go about doing something like this with out three additional products?
thanks
chase
i don't wanna make advertisement, but i really need help.
The code is soo brilliant that i want to use it on my website. But changing the code (flash8) it seems i don't know enough about flash. It only works local, but when uploading... the preloader stucks ....
I'm aware it's adult content .. but please close your eyes for the pics and look only at the code ( i know that's hard ;-) )
Here's the online link : http://www.sandra.eroticmouse.com/album/iTunesA...
and here the dev-package :
http://www.sandra.eroticmouse.com/album/iTunesA...
can anyone help me to get this online ?
many thanks in advance, or excuse me if i shouldn't ask for help for such projects here ...
cheers from germany
Sandra
hope there will be more postings from you, keep on going
greetz, carmella
Ideally passing the XML file as a parameter would be perfect (down to a PHP file generation cover list on the fly).
Could it be possible to have a "white" design instead of black-only?
If all it takes is a modification of the Flash resources, are there any free Flash editor/compilator out there? I'm rather new to flash!
Julien
Now I only need to find out how I can use http:// addresses for the covers without a popup from Flash and how to pass the XML file generated in PHP in the URL as a parameter :-)
But it looks good already!
Julien
For your reference (not that I put a link to this URL on the viewer):
http://japanld.online.fr/_misc/iCover.png
Julien
next();
previous();
As noted by others, once the user interacts with the Flash this bug fixes itself, so why not have it "interact" with itself? As far as I can tell, this thing loads so fast that you never actually see it move forward or backward, and I haven't had a problem with that bug since.
thanks
Thanks
Thanks.
In the Flash code, there is an added "./" in front of the cover art path. If you remove it, any http:// address with work directly.
The thing was that PARAM and EMBED were not enough: the JavaScript generated before by the publishing ALSO has to have this parameter, see:
http://groups.google.com/group/macromedia.flash...
I pass the parameter coverList and use it to fetch the URL like this:
xmlData.load("/my_xml_script.php?list="+coverList);
Hope it helps!
add the following code to function controlTheObject(mc):Void {} (lines 341-ish):
if (current == this.cid + 1) {
getURL(infostruc[current - 1].albumLink, “_blank”)
}
add this before the line:
current = this.cid + 1;
Joe
Thanks.
Thanks to all these comments in this blog I was able to fix some problems and to customise the application (colours and xml location are set via parameters in html).
Although I am a coder, I am not quite good at actionscript, so I really appreciate any help: I want this tool to act really like iTunes, so my idea was to put an input field below the flash movie and interact with it on an onkeyup event. That works so far. But I want to make the flash load a different xml on these interactions (something AJAX like) and I don't see how I can 'reinitialise' it in terms of removing all existing covers, empty any data, load xml again and show the new ones.
Any hint? Thanks in advance!
Lars
When loading starts, sometimes the images are put in the right corner instead of the coverflow. this changes when the user clocks a button. How can we prevent this?
Also the same issue as Lars states, how can we clear the current albums? I've played around with the unload movie, but coudn't get it the work fully.
Saludos desde españa
Thanks
Thanks!
Sarah
Thanks so much for your source and your work!
I was wondering if there is any way to make the elements move automatically from left to right and vice-virsa when you move your mouse. I'm trying to figure it out myself but the coding is pretty complicated for my level! I need your help!!
Thank you!!!
thanks in advance
http://www.patrickdroney.com
I'm a bit rookie, however - how do I change the text color from white to black?
Thanks in advance,
Cyrus
I would like to use a modified version as a front-end to a new website. Instead of album covers, there would be menu elements. While I would have advertising from Amazon to raise funds on the site, the site is largely non-profit to support solar system education in US schools. The program website (not mine, but my affiliation), is http://www2.jpl.nasa.gov/ambassador/ They provide me access to scientists but no resources.
Would you agree to this change?
Thanks for considering.
David
I am trying to use more that 11 images, i enter more into the xml doc but it only will show 11... do i need to change something in the action script? any ideas?
thanks
I love your Coverflow and tried to modify it in order to use external images by removing the "./" which is set before the xml link.
I can see Flash requests the pictures but only white spaces are shown :(
Do i have to change any other stuff in order to get external imegs workin?
thanks for your great work
Nik
What I'd like is:
1) the front picture pop up a little bigger
2) the front picture clickable to go to the page
3) the front picture to show a moderately large tool-tip like bubble with text from the XML file
I could do this myself if I had Cs3 and a few dozen hours to spend.
If anyone could pull off this hack I'd be willing to spring for your time if I could use it in my site.
Once loaded into a flash move is there any way to remove the CoverFlow if I go to another section of my movie. At the moment the Cover flow appears everywhere after it is loaded and I cannot seem to get rid of it off my screen when the movie is built.
Can anyone offer any assistance as to how to do this.
Quicky
Thanks Stephen for the awesome script. I really appreciate it as I'm sure others do! I wanted to edit/update the coverflow with new images and URL's without having to open .xml file, make changes and upload to site. I have managed to get around this by creating a php script the actionscript calls for instead of the .xml file so now I can visit from a browser, complete a form to add image, title, URL etc. and have information updated on site. Really cool check out what I mean here at http://iWebFAQ.com/CoverFlow
This is the whole snippet:
Another suggestion would be a commented version as I have noticed there is a lot of interesting stuff in there if you play around but it does take a little playing.
I assume you are loading the cover flow into some main timeline, correct? If not, then I suggest doing that as it will free up some options for you. The problem for you (it seems) is that you want to move around in the cover flow movie but that's unrealistic without some really good actionscripting in that cover flow movie. The fuctions and instructions in that movie are assuming you will just be placing the cover flow on a site, not navigating in it. So, here is what I have done for my site....Take a look:
http://www.patrickdroney.com
I started by working with a blank movie with navigation buttons and calls to load other swf movies into that main timeline. All the other "items" you see fade-in are seperate swf's. In the main movie, I am free to move the playhead to where I want as long as I use the loadMovie() and unloadMovie() functions. I don't know your level of actionscript writing, but this is my suggestion. I've been able to add some really nice actionscript transition tweening with very little amounts of work.
Amazing work!!!
Thanks again
I have followed your directions to replace code for the Movie Clip (or swf) option instead of the jpg's. I got as far as this line and discovered there is no "URL" to look for so I have found nothing to replace with collection of swf's I want to be showing.
Can you be more specific on what im to do next? Currently your direction say:
"Then in the XML file look for URL, instead of an URL replace with an swf, for example “myMovie.swf”."
Once I understand what do do here, I would expect I'm done customizing code and just need to have my swf's ready, am I correct?
CAN ANYBODY HELP ME???!!
The coverflow works perfectly when i have less than 16 covers loaded....i'm loading 26 covers from my xml and it work ok apart from the fact that the more I aproach the last cover then more the final images start flickering (in the background)
I've looked at the code over and over again but i can't see where the bug is...
PLEASE HELP!!!
THANKS!!!
AND
Make the text (album title and artist) change its color and font if possible.
Thanks alot and i really appreciate your help. More power to you site!
Still stuck from aries directions above..... if anyone can help....
To find ALL of the problems you have, simply go to the top of this blog, and read EVERY single blog....you WILL find the answers to all your problems!
Great stuff,
Has anyone already made it to make the reflection e.g. only 20% of the original or the fading to 0 much faster?
I want to save space and the reflection is simply too high.
Thanks for your help,
Mike
var reflectionRatios:Array = [192, 255];
does the trick ;). For a different background change the background collor + the color reflection array too.
Mike
If they put the script online, it won't show up any images. This was true for myself. I am using the script in a swf-Folder ( i.e. www.domain.com/swf/ ). The XML-file is generated every day by a CronJob and located in a cache folder ( i.e. www.domain.com/cache/ ). So you have to change the sixth last line in AS to match this path (either absolute www.domain.com/cache/showinfo.xml or relative to base path /cache/showinfo.xml worked for me). Within the XML file the user image paths are stored as relative to base ( i.e. /cache/image/user1.jpg ) so I had to change the line where the image is loaded too (in my script around line 488):
artLoader.loadClip("http://www.domain.com" + infostruc[num].art,newLoad.art);
With this set too everything just worked fine and I was also able to access files on remote servers.
The second thing I was thinking about is the endless loop mentioned a few times. The solution offered by Seaniepie works, you can actually scroll mouse wheel beyond start or end of image list and it will start over. But it does so by scrolling through all the images in between and it does not show the first image after the last one in shelf view. So I came up with the idea to load the XML file twice, concatenate the lists and if you ar in the middle of one part of the combined list the script should take you to the middler of the other part (but without doing the scroll animation stuff). I didn't have a chance yet to give it try myself but it might be a start for someone with some time. (Maybe you'll even load the XML five or seven times and let the script start off in the middle of the third/fourth list so the user can scroll back and fourth two or three times through the original single list without coming to an end, after that he or she should be annoyed by seeing the same pictures over and over and quits playing around).
Thanks for all your contribution to this amazing module, most of all I thank Stephen of course,
Paul
While testing my variation of the script on different servers as well as local machines I encountered this previously mentioned bug of dropping pictures or displaying them on the bottom right corner respectively.
An additional solution to the two offered in posts above is to make this whole script some kind of slide show by just adding a line to the AS:
autoNext = setInterval(next,3000);
/* 3000 = 3 seconds, change to whatever you want to */
That's all for today from me,
Paul
I am trying to put this in one of my websites, but the images overlap, and even when i move the file around, the images stay in the same place, is there anyway to fix this?
Sorry, I thought I had gone through pretty all of them but aparently not.
Thanks again!
Ciao!
http://www.patrickdroney.com and maximize your window.
I have run into not really similar but close problem. I extended the stage to 1000px width but when embedding it in a box 1020px wide but with 10px padding all around I have weird effects right in the padding area. I could solve the problem by making the flash 1020px wide an giving it a css margin-left of -10. Since your cover flow is included within another flash it's probably not that easy to debug. Furthermore, if my window was wider than 1000px not only your debut album cover is gone but also the cover in front is overlapped by the next one to the right.
I do have another feature I would like to get done. Currently the covers move to the middle of the flash movie and once there the 'rotation' starts. Is it possible to start the rotation already with the start of moving to middle position?
Greetings,
Paul
Does anyone know how to make it so the swf's are interactive? I want my swf's to load flv's or have link on them any ideas?
current = [put desired number here];
I tried this and it worked partially, I think thanks to another post many moons ago (limited only by my annoying screen width issue).
If STEPHEN or anyone else is out there listening that could help, my cover flow (which is loaded into the timeline of another movie) ends up showing the next immediate "waiting" cover (the one behind the current one) over top of the current one ONLY when my screen width goes beyond the width of my host movie, sized at 1000px wide. Any suggestions? To give a more detailed description of my host movie, I am using the noscale option and telling the hosting movie where to render the cover flow when it is loaded, AND I used a resizeListener function to move it to its correct location on the screen if the window gets resized. It works perfectly until my browser gets resized beyond the host movie screen width of 1000px, even just one pixel causes the problem.
Is there a way to turn smoothing on for the Bitmap data that is loaded into each Slide? The images i'm loading in have both text and pictures , and the text gets quite distorted when its in the 'shelved' state. I have tried to impliment the code from http://www.kaourantin.net/2005/12/dynamically-l... but i'm not that good with actionscript and my head now hurts ;).
Thanks in advance
Dom
"# Mike Says:
December 24th, 2007 at 11:39 am
I put this script in frame one of a scene in a website. When i navigate away from this scene, the cover view stays on top of the rest of the site. What do I need to remove this when going to another scene? I want it to load fresh when returning to the scene it is in. Do i script the buttons to remove it on scene change?
P.S. I’m not a heavy script guy. thanks"
How do i post it on a website.... do i use code? is it possible to use it with Serif Web Plus (10)???
Please answer, i will be very grateful
piooreczko@wp.pl
But I cannot make it stop using the CPU that much. It is working at a 100% when I run this.
I read Aries tip, but I don t have a 436 line. My last line is 292
I cannot find it in the Java Script file. Are you talking about the xml ?
Where is the 436 line suposed to be ?
Thanks for the help and for kindly sharing
Karin
Buenos Aires, Argentina
you just publish your SWF file and embed it in a webpage (use the publish HTML option to see the proper HTML code examples). For other font types just alter the dynamic text boxes used for Artist and Album name.
Just as a reminder, if you want to use non-standard characters (for example some Polish, French or German chars like ž, ç or ö) you have to embed these chars or charsets in these text boxes, too (within the XML file I use the special Flash UTF8 short notation: i.e. %C3%B6 for an 'ö').
Greetings, Paul
I wanted to let you know about problems with the
if (this.x == undefined || Math.abs(this._x - this.x) > 1) {
this.setTransform(this.px1,this.py1,…);
}
fix on slow lines! I do set 'current' dynamically and if the images are loaded too slow and the current position is already reached then the images don't get rendered properly anymore (I have additionally extended the loading that only the visible part -+ 5 images are loaded - other images are always loaded on demand).
To fix this problem you have to create a function that checks if the visible images are loaded and include this in the fix above. Than it works excellent ;).
There is a nice java applet called sloppy where you can test your site with slower bandwidth connections. Because on my 6 MB DSL this was never a problem - but on a 1 MB DSL it was!
Thanks for this great component.
/Mike
when you download the source file from the articles link just open the .fla file. Press F9 to open the Action window and navigate to the ActionScript of the code-Layer (second frame). There should be the whole AS that makes all this work. And ther should be way more than 300 lines.
Greetings,
Paul
This is TOTALLY AWSOME
I would like know if its possible that i can use this on my website.
After the counter is higher than 5 the transform is not done anymore and the cpu load is very low than:
if (this.counter == undefined) {
this.counter = 0;
}
if (this.x == undefined || Math.abs(this._x-this.x)>1 || !infostruc[this.cid].loaded || (this.counter++ < 5)) {
this.setTransform(this.px1, this.py1, this.px2, this.py2, this.px3, this.py3, this.px4, this.py4);
}
Works perfect on my setup.
/Mike
Currently, you can set the fade point which controls how soon the albums start to fade out.
var fadePoint:Number = Stage.width
Only problem is that this only happens to the right.
I've fixed this so you can specify a fade from left value.
In the vars, I added:
var fadePointLeft:Number = 100;
then replaced the fading routine as follows...
if (this._x fadePoint - fadeDist) {
this._alpha = ((fadePoint - this._x) / fadeDist * 100);
} else {
this._alpha = 100;
}
Therefore, to make the albums fade out 200 pixels sooner either side, I would have:
var fadePoint:Number = Stage.width-200;
var fadePointLeft:Number = 200;
Dave
This will switch off clicking for the shelved albums.
I wanted to put my own left and right buttons ontop of the main strip, but the click detection for the shelved albums was overiding it. I added this:
var canclickshelved = false;
..to the vars at the top, then put an if statement round the press function like this:
if(canclickshelved){
mc.onPress = function():Void {
if (getTimer() - this.pressTime <= doubleClickRegister && this.pressTime) {
}
this.pressTime = getTimer();
current = this.cid + 1;
updateInfo();
};
}
(in the controlTheObject function)
Dave
if (this._x fadePoint - fadeDist) {
this._alpha = ((fadePoint - this._x) / fadeDist * 100);
} else {
this._alpha = 100;
}
if (this._x < fadePointLeft + fadeDist) {
this._alpha = (( this._x - fadePointLeft) / fadeDist * 100);
} else
Thanks,
Michael
Simply if you replace the Scroll Dragger with the_xmouse with an onEnterFrame you probably will create what you want.
Sorry everyone for not posting enough. Just working a lot and once again this is just some free code that I wanted to share. Its not a place to ask me how to accomplish what you want with the code. Learn and ask others questions. Hope this helps lower the large amount of emails of random people trying to get me to do stuff for them. I love to help, but there is a limit where people who don't know how to change the font color should go out and read a book and not ask others how to do it. Good luck to all of you and I am soo glad that this code helps you all.
-Stephen
thanks in advance
add
mc.onRollOver = function():Void {
current = this.cid+1;
updateInfo();
}
before
mc.onEnterFrame = function():Void {
I'm using a little more enhanced solution because I only scroll when the mouse is over the images on the side. If you are interested in this solution too let me know.
/Mike
I went to line 32 in the AS and changed to 4 but still didn't work
var scrollBarStart:Number = 4;
Does anyone have a fix.... did I miss it Please let me know
Thanks Janet
Does anybody of you know how to implement a function which goes every eg. 20 sec to the next pic.
Thanks
Does anybody of you know how to implement a function which goes every eg. 20 sec to the next pic.
By the way, this is a fantastic script. >Thanks
I am not a good coder and would like some help. I would like to keep all the images in the cover flow with the rest of the "images" folder of my website, and not in the same folder as the swf file or xml file. How will I get these photos to load properly? Do I change the file path on the fla or the xml? Help, please?! Thanks!
@NewCoder: your xml gotta supply your swf with paths relatives to the Swf
I couldn't get rid of the elevator problem, what I did was a QueueLoad of all the images (http://www.betriebsraum.de/blog/downloads/) before calling the init() function. I am loading them all in the same MC, invisible and placed outside the stage. This way, they are already in browser cache when Cover Flow starts.
I am having problems with the scroller in mac browsers. In Windows it behaves properly, but in mac it is acting as there were no "onReleaseOutside". I mean, you start draging and it doesn't catch the stopDrag().
I think the vars clickDelay and scrollDelay controls this, but no solution yet.
Any thoughts?
YOU ARE AWSOME! YOU ROCK!
I've been looking for this for quite awhile, can't wait to play with this.
My Mac browser is behaving just fine and what is this elevator problem everyone is talking about... did I miss something?
Thanks in advance!
1) how do I make it so it does not resize the images? they get blurry and will probably look a lot better at original size
2) if I put more than 10 results in the XML file it starts flickering on the right when I start going through the images. any ideas how to fix this?
if you can email me when you get a chance.
Please can you tell me how to turn off the reflection?
I have manipulated the reflection in the Flash File, but have not been successful removing the reflection completely.
Any advice?
Thank You.
-court
Thanks everybody,
- HG
This works very well, except for one problem - is there a way to get it to preload images before starting? I always have several 'loading' images that never get loaded before things get started!
The site is www.boxofficebaby.com
Does anyone have any advice or tips?
Thanks!
Eric
regarding the requests of DrEggman and Argi I already posted a solution on April, 22nd:
autoNext = setInterval(next,3000);
/* 3000 = 3 seconds, change to whatever you want to */
Also for Doc's question, just add the first line at the end of the AS (second line is just a reminder and not necessary). For having the slideshow change the cover every 20sec just increase the interval value to 20000. This is actually independent of the number of files you have, may it be 3, 65 or hundreds of them.
To make the slideshow start over at the end of images just apply Seanipie's patch from January, 27th:
function next():Void {
if (current1) {
current -= 1;
} else {
current = infostruc.length;
}
updateInfo();
}
function previous():Void {
if (current>1) {
current -= 1;
} else {
current = infostruc.length;
}
updateInfo();
}
Greetings,
Paul
Have a great time
I will use it to ..............
root.onMouseMove = function():Void
{
clearInterval(Next)
}
Then I used preload images in dreamweaver so the images load in to the browser cache that helped a lot.
I'm not a coder, and i've spent the afternoon trying to get this to work. For some reason i can't get the images to show:
http://www.wilder.it/?cat=22
I've already tryed giving absolute links in the albuminfo.xml files, it just won't work. Any thoughts?
all the way to the last image then stops. Next I wanted the slide show to start from the beginning again i used the Seanipie’s patch from January, 27 which Paul's says will make Cover Flow loop so I replaced the Next and Previous functions at line 439 with:
function next():Void {
if (current1) {
current -= 1;
} else {
current = infostruc.length;
}
updateInfo();
}
function previous():Void {
if (current>1) {
current -= 1;
} else {
current = infostruc.length;
}
updateInfo();
}
It didn't work the cover flow just speeds to the end and stops. Paul how to I use the fix for the loop around with the slide show.
autoNext = setInterval(next,3000);
to:
autoPrevious = setInterval(previous,3000);
Seanipie’s patch from January, 27 cycles left to the previous image.
well, it worked for me (using Flash CS3), only flaw is that at the end of the album covers it speeds lightning fast to the first cover and starts sliding again at the pace speed set (i.e. 3000ms). Currently I'm not having access to it, but I'm working on it and made some more tweaks. As soon as I'm kind of done, I will publish it and give you the source files here.
Greetings,
Paul
this is a very nice Script. Is it allowed to use on commercial websites? What are the terms and conditions?
Would please send me an email and let me know?
Thank you in advance!
I put the script on our website and i love it. a great thanks to the author. I might have noticed one bug: using internet explorer, if i hit refresh the browser seems to freak out. This doesn't happen using firefox.
check it out:
http://www.wilder.it
BTW, thanks for having a big brain!
I am looking to use a image slider in this fashion with just two amendments:
1. A clickable link on the image to open a bigger image file in a new window.
2. A mouse over scroll function.
I want to label my artwork and have a clickable enlargement with details on how to purchase it!
Any help would be great! A Developer quoted me like $5000 to do it and I told him to shove it! So I am trying to learn myself!
Ciao
I would love to be able to change the images while the swf file is running. I have tried calling the init(); function after importing new xml data, but it seems to create more images over the old ones and doesn't clear the data already loaded.
Any ideas how to clear the screen and old data and import an new set of images?
This works great but I would like it so when you click on the album name it would carry on the fla timeline but have a animation over the "Flash iTunes Cover Flow - Version 2" and show details on my work.
But instead everything goes under the cover flow, how can I make everything go on top??
Thanks for reading and extra thanks for anybody who can help!
Jason
Many thanks.
xmlData.load("/albuminfo.xml");
with my file web page and it worked but I'm still having problems with the images, it just say loading and stays like that. Do anybody know what can I do?, I already tried making the same as the xml action, changing the "album1" for the web direction but it doesn't worked
Ohh and sorry for my bad english! haha, I originally speak spanish haha
what can i do?
Any advice for using different sized images would be much appreciated.
Thanks.
Any idea where it's hidden in the code?
Thanx
autoPrevious = setInterval(previous,3000);"
I'm having the same problem and I'm using CS3. When I applied Seaniepie's fix it would immediately speed to the last image and then stop. I tried changing autoNext to autoPrevious as Doc did above, and I had the same problem he did.
Paul said: "As soon as I’m kind of done, I will publish it and give you the source files here."
If you've made any progress please let us know.
Thanks,
Andrew
I
This is awesome!!
Amazing work, many thanx,
I've got a little trouble, the onMouseWhell function doesn't work,
Is anyone has an idea (or perhaps i've missed something)
Stephunk
france
function previous():Void {
if (current1) {
current -= 1;
} else {
current = infostruc.length;
}
updateInfo();
}
function next():Void {
if (current>1) {
current -= 1;
} else {
current = infostruc.length;
}
updateInfo();
}
Thanks again!!!
many thanks!
I've noticed that the nousewheel only works in IE7 (haven't checked previous versions) and it does NOT work in any version of Firefox. Hope that helps.
-wiz
Saldos desde chile!!..
It's already done. Paul post this in April.
autoNext = setInterval(next,3000);
I put it on line 11 of the code and it worked like a charm!
Thanks for the great job. I love this!
But can someone tell me what I need to change that the coverflow is vertical, not horizontal? I want to use it as a navigation, and I'm not so good in AS...hehe! I read the whole blog, but I didn't find any anwers....maybe I missed it. But it would be nice, if someone could help me!
Thank youu, and greeting germany ;)
I would like to have a small pop up box when the user mouses over the "active cover" Any ideas?
Thanks
This is a great script, my only question is :What are the conditions of usage of this script, do you guys have to give legal rights to someone to use it on a website or such. Please let me know as soon as you can.
I would know if anyone could help me ???
I want to change the image of cover by image in .png transparent but when I show the html page, the images are present but with a background white and I would without background
Could you help me ?
"Remember this code is Open Source so please use, improve and share."
When i use my images png transparent they become no transparent?
I know I posted this before, but I relly need HELP! It's so important...so:
**Can someone tell me what I need to change that the coverflow is vertical, not horizontal?**
I want to use it as a navigation, and I’m not so good in AS…hehe!
I read the whole blog, but I didn’t find any anwers….maybe I missed it. But it would be nice, if someone could help me!
Thank you, and greetings from germany
I have a solution for the smoothing issue - after line 486 "mc.onLoadInit = function(target:MovieClip) ", insert this line of code:
target.forceSmoothing = true;
All the images will now be smoothed.
In return, I am eager to resolve this preloading/offset images issue - I hope to deploy on a large retail company and if I can't solve it, I can't use this Cover Flow at all :o(
I am pretty sure I read all through and did not find an answer, ne1 figure out how to load a new XML file while still in the movie? i.e. genre based XML's?
Many thanks!
I've uploaded all my files to "mywebsite.com/"... for for example "albuminfo.xml" and "album1.jpg" can all be viewed instantly if you put "mywebsite.com/" before it but when I have it in the XML file it won't work. I've tried puttin the FULL URL as well as just the plain file and it doesn't work. My swf, xml, and jpgs are all in the same exact folder.
Can someone help me out? I'd appreciate it very much.
http://www.macromedia.com/support/documentation...
Just add C:\ (or whichever drive the SWF is running from) to the “Always allow” locations. It only becomes a problem if you are running the SWF file on your local machine, and accessing network data.
Thanks all-
thx
You guys know how to get a little soundfile played, if the coursor is on a frontcover? Or a frontcover is choosen?
Im not a coder at all. I really need help on that.
Thanks all.
function controlTheObject(mc):Void {
if (mc._name.indexOf("reflection") == -1) {
mc.onPress = function():Void {
if (getTimer() - this.pressTime <= doubleClickRegister && this.pressTime) {
}
this.pressTime = getTimer();
INSERTING ZACH's CODE- HERE RIGHT ABOVE THE FOLLOWING LINE
current = this.cid +1:
I come up with a and error log of 8 or nine things..... Please someone help - I am using Flash CS3 - I am pulling out all my hair right now!!!
Thank You.
The quotes around "_blank" are throwing flash for a tailspin. Simply copy and paste another reference of "_blank" or use the Script Assist to properly insert a target for the URL. It should light up green if you are using Flash as your actionscript editor.
Thank you ALL for your help!
Very nice script you have made there.
I have 2 questions, I hope someone can help me with:
1: Instead of making the images 150x150, can I then make them 150 in width and proportional in height for example. Because my images are different sizes.
2: Can I make the hole video/the area smaller instead og 590x300 px
It is especially question 1 that is interresting for me.
Looking forwar to youe answers. Thanks a log
Kind regards
i have been hunting for a movie like this for ages. i have read all the edits and have solved the bugs.
i would like to insert another text field under the scroller, that pulls some info (a new field) from the xml file. does anyone know a way of doing this.
thanks
But now i have a small problem, once i have more pictures than the default amount, the last images stats to flicker....blinking on and of very quickly.
Is there a number in the code i need to change to the exact amount of images loaded??
Regards
Jimmy
I love this, it works a treat. Only thing is, and sorry if this has been brought up b4.. but i added an 11th entry to the XML and an 11th image and the 11th image started flickering in the flash file when i exported it. It was also the wrong way round horizontally till it started to move. Can anyone tell me if i need to change some of the Flash code to accommodate the 11th entry??
Cheers.
line 502 target._alpha = 0;
First of all thanx a lot for this nice code.
But i have a problem : i can't use this on my myspacemusic page.
I see the .swf but it always say that he is : " unable to load data ".
Can you help me please ???
Thanx a lot.
Peace.
Emmanuel
Is there any other thing i can do for this?
thanks.
var deleteMaxDistance:Number = Stage.width;
Is there another way to force smoothing? I used the one code the guy listed above, but it isn't working
well I'm not still quite done with alle the features I wanted to include, but I am now and then working on it. Currently I'm thinking about the 'Go Around' feature. With the tweaks above I ws able to make the flash speed to the first image when clicking next or pressing right on the last one and vice versa. But I wanted to display the first image right behind the last one so the whole thing just might really be considered a circle of images.
I came up with the following change (must be around line 400, can't tell for sure anymore because of all my changes):
if (this.cid + 1 > current) {
if (this.cid + 1 > current + 3 && current < 4 && infostruc.length - this.cid + 1 < 4)
{
this.x = (centerX + ((this.cid + 1 - current - infostruc.length) * shelveCDSpacing)) + centerDistance;
}
else
{
this.x = (centerX + ((this.cid + 1 - current) * shelveCDSpacing)) + centerDistance;
}
} else if (this.cid + 1 < current) {
if (this.cid + 1 < current - 3 && infostruc.length - current < 4 && this.cid + 1 < 4)
{
this.x = (centerX + ((this.cid + 1 - current + infostruc.length) * shelveCDSpacing)) - centerDistance;
}
else
{
this.x = (centerX + ((this.cid + 1 - current) * shelveCDSpacing)) - centerDistance;
}
} else {
this.x = centerX + ((this.cid + 1 - current) * shelveCDSpacing);
}
It works somehow, just test it with a set of more than 6 images. But there are still some huge flaws like missing images and fast speed moving images in the background. Well, maybe somebody can take a look at it and might improve on this base.
Greetings,
sin
I'm in the same boat as you - I need to fix the loading images problem... it has to do with the runaway-CPU fix.. we need to enhance that and I think we'll have a solid component.
var zaehler:Number = 1;
autoNext = setInterval(interNext,3000); /* 3000 = 3 seconds, change to whatever you want to */
function interNext():Void {
if (zaehler eq 1){
if (current1) {
current -= 1;
} else {
zaehler = 1;
}
}
updateInfo();
}
var zaehler:Number = 1;
autoNext = setInterval(interNext,3000); /* 3000 = 3 seconds, change to whatever you want to */
function interNext():Void {
if (zaehler eq 1){
if (current1) {
current -= 1;
} else {
zaehler = 1;
}
}
updateInfo();
}
var zaehler:Number = 1;
autoNext = setInterval(interNext,3000);
function interNext():Void { if (zaehler eq 1){
if (current1) {
current -= 1; } else { zaehler = 1; } } updateInfo(); }
var zaehler:Number = 1;
autoNext = setInterval(interNext,3000); /* 3000 = 3 seconds, change to whatever you want to */
function interNext():Void {
if (zaehler eq 1){
if (current1) {
current -= 1;
} else {
zaehler = 1;
}
}
updateInfo();
}
Replace the previous() and next() functions with these:
function next():Void {
if (current 1) {
current -= 1;
}
if (current == 1) {
// Set our autodirect switch to go forward now
autoDirect = 1;
}
updateInfo();
}
Then I placed the following function below the XML init [[var xmlData:XML = new XML();]]
// Should make the script autoplay
// autoNextP = 1 for on, 0 for off.
var autoNextP:Number = 1;
// Initialize the autoDirect switch to move right
var autoDirect:Number = 1;
autoNext = setInterval(interNext,3000); /* 3000 = 3 seconds, change to whatever you want to */
function interNext():Void {
// Move back or forth depending on autoDirect
if (autoDirect == 1) {
next();
} else if (autoDirect == 0) {
previous();
}
}
Couldn't have done it without previous suggestions on the implementation.
Here's the previous() function.
function previous():Void {
if (current > 1) {
current -= 1;
}
if (current == 1) {
// Set our autodirect switch to go forward now
autoDirect = 1;
}
updateInfo();
}
For further discussion and latest community-edited source of this app.
I have the same issue with the jagged edge on images that aren't in the centre. You could try adding a slight blur filter to them instead to give the illusion of depth / smoothness?
I have modded a project with the "anti-flicker" bit, and then tried to add a flashvar to set the cover to be the one selected. The work-in-progress is here
http://www.grace360.org/sermons/coverflow
So the page crawls a database, builds and xml file, puts everything in its place, and then this page views the coverflow, and if you click on the name, I want it to go back to the page, show that cover, and selected sermons. So far, it works. But....
When you select a cover this way,
ie, change var current:Number = 1
to
var current:Number=1
if (startingPoint) { // startingPoint is a flashvar set by the php page....
current = startingPoint;
}
seems to work but the page loads up flat covers partially transparent covers on the right side of the screen. Any ideas what's going on?
There are several code revisions that have been added to prevent problems just like yours. I've posted the main ones together on my forum at vanilla.kittyanarchy.net as well as the original fla file posted by Stephen with the main revisions already implemented. I believe the errors you're looking at are the Elevator Door errors. The two codes in question are:
if (current eq this.cid + 1) {
getURL(infostruc[current - 1].albumLink, "_blank")
}
// Put the above code before the following line
current = this.cid + 1;
and...
// Replace...
for (var i:Number = count=0; count<Stage.width-(centerDistance*2); count += shelveCDSpacing, i++) {
// ...with
for (var i :Number; i <= infostruc.length;i++){
I'm attempting to move this discussion over to my forums, since using blog comments makes keeping everything together hard.
var deleteMaxDistance:Number = Stage.width;
//Replace
xmlData.load("./albuminfo.xml");
//with
xmlData.load("./albuminfo.xml?cachebuster="+new Date().getTime());
This will break previewing locally (through Publish Preview) but works from a webserver.
instead of
if(this.x == undefined || Math.abs(this._x-this.x)>1)
use this
if(loadedAll == undefined || this.x == undefined || Math.abs(this._x-this.x)>1)
I noticed on your forum you have the CPU fix has additions to Aries original post- are those additions to handle the loading images problem? I tried the code on your forum but the CPU still hovered around 8-10 for me.. but my fix above (loadedAll check) gives zero CPU during idle.
thx for compiling the fixes on your forum..
how can I cange the font-color - could anyone help me please?
It was asked several times here, but I did not see any answer yet. I was able to change the background and the reflections, but I can't figure out how to change the font-color :(
Open the Flash file and go into the movieclip with the instance name of "img_info" (its above the scrollbar).
Inside is where both of the text fields are. The top one is for the authors and the bottom is for the albums.
Click on the one you want to change and then open the properties window and goto the "Text (Fill) Color" tool and select the color you wish to make it.
If you need more help I would suggest hiring a flash freelancer.
Hope that helps.
For tutorials on Flash I would look towards:
http://www.kirupa.com/
www.gotoAndLearn.com
www.Lynda.com
You're right, your fix is easier on the CPU. I've updated my page and credited you.
thanks for sharing that fix. I was working on that problem myself and tried various workarounds but in the end nothing worked quite that good. So just a couple of days ago I had to decide wether to reduce the CPU load to around 6% but having the dropped images bug or vice versa.
Thanks to you, we now can have both! Great job!
Greetings,
sin
I'm coming close to my personal goal version of the coverflow and I'd like to share the current state. First of all you can take a look at http://www.broon.de/coverflow.htm where you can see some art work being displayed. First of all I am using the SWFObject method to implement the flash file: (I hope copy&paste works for that.)
var so = new SWFObject('test.swf', "testswf", "916", "190", "7", "#000000");
so.addVariable("xmlFile", "data.xml");
so.addVariable("infobase", "http://www.broon.de");
so.addVariable("onclickTarget", "main");
so.addVariable("slideshow", "0");
so.addParam("allowScriptAccess", "sameDomain")
so.addParam("movie", 'test.swf')
so.addParam("quality", "high");
so.addParam("menu", "false")
so.addParam("align", "middle");
so.addParam("type", "application/x-shockwave-flash");
so.addParam("pluginspage", "http://www.macromedia.com/go/getflashplayer");
so.addParam("bgcolor", "#000000");
so.addParam("wmode", "transparent");
so.write("digland");
Note the three addParameter lines where you can set the filename of the xml file to be loaded, the basepath of the server where the script is going to run and the target frame/window where the links should go to (here it's main to display the large images below the coverflow, with _self or _blank you can make it load in same or new frame/window.
So with this addition, the coverflow flash can be used on various places without the need of altering the .fla file since all parameters are set outside. (Given of course the fact, that you are using same width and height and stuff.) This can of course be extended to add parameters for cover height/width, shelve distance and on and on.
As you'll notice, I replaced the slidebar with two buttons on either side for navigation, I just didn't like the original slidebar. Further the .fla file contains the newest CPU load fix from bolognium which also gets rid of the dropped images bug, the go around feature (try to click right [either button or key] on last cover) combined with Lunis' bouncing slideshow feature (which is turned off now but can be reactivated by parameter 'slideshow') and the cachebuster xml call as well as covers linking to artist/albumLink (can be easily switched in .fla) and support for German special chars in Album/Artist names.
My current .fla file can be found at http://www.sinistar.de/dev/coverflow.fla, Lunis will probably also add it to his new forum (thanks for that by the way, it's a great overview of the patches applied).
I love your changes.
I think I will now take all the changes and patches from all the various people that helped and compile a new version that uses FlashVars (like you did) to send in the required info.
Awesome job everyone!
The power of the community always amazes me.
Slick call there! Do you mind if I merge your changes in to the Community Revision as well as post a link to your fla?
Can you confirm that you have, in fact, released this code in it's current state in to the public domain? Your licensing terms seem to say so, but affirming it would be very helpful :)
of course I do NOT mind. I couldn't get my version to its current state w/o the hints and patches given here, so it's just natural to give back something. So go on and freely use the .fla file, or only some of the code. It's up to everyone (maybe not everyone needs a slideshow feature...).
Greetings Paul
Thanks again
Question coming from a noob with Flash/Javascript, but i'v got the basics down.
How do i make the reflection with a less opacity and smaller in height?
Take a look, http://www.joshcraddock.com/coverflow/ I've changed the size of the Album Artwork because i'm going to be adding a example of web-templates along with Lightbox.
Thanks a lot,
Josh
Thanks
Paul
there may be several barriers while loading remote images. For instance make sure the image can be called via HTTP request (some image hoster and also quite a few other website restrict access to url within their domain), there is no .htaccess validation required and last but not least try to url encode the file paths in you xml.
I ran in a couple of these problems and in the end I find it is the best to have the images on your server and use the infobase variable (see above, post #367):
so.addVariable(”infobase”, “http://www.broon.de”);
You may alter the flash to be able to add _two_ base domains, one used for the xml call and the other one for images.
Greeting from the other Paul
What numbers should I adjust to ensure that it is facing straight forward exactly?
Thanks.
Thank you.
I notice that...
var frontCDWidth:Number = 150;
var frontCDHeight:Number = 150;
...changes the size of the image when it is at the front - if I could read the current j-peg's Actual dimensions i could do a scale that way
Any thoughts would be appreciated
Thanks again
Am I just missing something simple? How can I hide/turn off those items on a frame change?
I have tried everything but can not figure out why this is the case. Please help
Question coming from a noob with Flash/Javascript, but i’v got the basics down.
How do i make the reflection with a less opacity and smaller in height?
Take a look, http://www.joshcraddock.com/coverflow/ I’ve changed the size of the Album Artwork because i’m going to be adding a example of web-templates along with Lightbox.
Thanks a lot,
Josh
your code ist better!
i have a supplement for it:
mc.onPress = function():Void {.............
if (current > this.cid + 1) {
autoDirect = 0;
} else { autoDirect = 1; }
current = this.cid + 1;
change slideing direction on push one of the left or right cover
with a PC w2k or xp it work. is there a way it works for Mac too?
To fix this, replace the first four lines in the "init" function:
if (myKO == undefined) {
myKO = new Object();
Key.addListener(myKO);
}
if (myMO == undefined) {
myMO = new Object();
Mouse.addListener(myMO);
}
NB: onMouseWheel events DO NOT FIRE if parameter "wmode" is set to "opaque", and has different effects in browsers (e.g. Safari).
Your changes have been added, and they work beautifully
@Stephen
Are you purposefully ignoring the question of license or have you just missed the posts?
is there a solution to the smoothing problem allready?
has anyone an idea _why_ forceSmoothing isn´t working? it does normally, just not in this case, it seems.
is it about the redrawing?
how can i change the distance between the covers in the background??
I want more distance between the covers.
greetz from Berlin
just take a look a the parameter 'shelveCDSpacing' and adjust it to fit your needs.
Greetings (from Leipzig btw ;) )
Paul
very easy to change!
but I have a last question:-)
i have changed the angle to 0 and now the zoom effekt of the frontcd is too fast. the reflection of of the frontcd is good but the zoom effekt is to fast / wrong.
what must I change to get a smooth zoom ??:-)
for exapmle: change the parameter of angle from 8 to 0 and look.
greeeetz:-)
But I Have a question........
I've changed this:
var reflectionSpace:Number = 5;
And the image gets a little bt separated from the reflection......but I want to add a small shadow in that space.........like if the image would be creating it over the reflection........
Hope I could explain my doubt.......
Thx any Help about it.
Ihave another question.........
Has anybody tried to publish it in Executable???
I've tried but it doesn't work for me.....help me plzz.......
thx for everything
//Simply add just after
mc.onEnterFrame = function():Void {
//this:
frontCDWidth = this.texture.width;
frontCDHeight = this.texture.height;
shelveCDWidth = this.texture.width * 0.5;
shelveCDHeight = this.texture.height * 0.8;
//the "proportions" of the shelves (and even for the current front CD) can be set as variables instead of ad-hoc. All the above 4 variables are declared AND initialized to set values at the beginning ( var frontCDWidth:Number = 120; etc... ) but can be left just declared as the value is overridden (var frontCDWidth:Number; etc...)
Hope it helps!
But, what I need to use the images included in Library?
I assume I could set the mask in the loop that creates the album art MC.
Anyone have an suggestions?
this thing is very cool, but I have some troubles to implement it into an existing flash website. Everything is working except the centralization. The "top" album cover does not appear in the center of my website instead it is placed an the right edge. I tried to play with the variables, but when I change the "centerX:Number" the fade out of the covers does not work. Please help.
matthias
Thank you so much for open sourcing this, it is very nice work!
I have a question for people who have modified this, has anyone made it so when you click an album, the flash goes to a different frame?
The objective is to have still shots of video, and when you click it it plays the video (and has a go back button to go back to the folio).
If this would be complex to do (though I don't really think it would) then can I at least do a popup box to start playing the video?
This is very advanced code, I'm definitely in over my head with it...but I do basically know my way around Actionscript (more so 2 than 3, but still). Any help would be very much appreciated.
When you click it, I have it set to gotoAndStop(3); -- that 3 is gathered from the XML and is different for each album cover.
At frame 3 I have deleted everything from the stage and put "FRAME 3" in big bold letters for testing purposes. When I click it though, the CoverFlow still stays there even though there's nothing left on stage... (you can see the "FRAME 3" behind it).
So I guess the question is, is there a command or variable change I can put on frame 3 actions that would hide the CoverFlow? And also, when I make a button to send them back to the CoverFlow, can I just send them back to frame 1 and the code that's already there will re-create the CoverFlow and all that?
Thanks so much for any help you can provide.
So sorry, my inglish really so bad.
This cover flow is really so cool, its the first one where everything work.
I don't know nothing about actionscript but i wanna try do something and create my own version.
Looking in google and here in weberdesignlabs i found something about actionscript.
Anyone try use this coverflow calling a JavaScript from your XML to create a popup ou iframe?
I'll try.
Problem --I downloaded iTunesAlbumArt4.fla from Lunis Neko site (vanilla.kittyanarchy.net)and am modifying the image size—Problem is when it gets to the cd center my entire image is a bit squashed– only a portion of it shows…. What am I doing wrong my images are 235px by 350px. When it gets to the center the top is being cut off. See example a t http://www.wetzeldesigns.com/tweak/index.html
Also where do you insert Creativethien’s javascript precashe code?
Thanks so much for the community and your help!
Janet
Any help with this would be appreciated. Thank You Janet
I uploaded all the files to my server, and its all working great!
However now I have tried to call images from a different image server, and although the preview works fine I just get white squares when I try the the live version. What have i missed? Do the images HAVE to be on the same server as the xml for it work when live?
I am using absolute paths, and it IS working OK inside Flash CS3 preview...just not when live.
thanks
Tony
You would do something like this..
RewriteRule /images/(.*)?$ http://www.yourOtherServer.com/images/$1 [P]
http://www.skyu.tv/indexIE.html
- John
Donna
Is there a way that if you click on the picture that it beccomes bigger? (with help of shadowbox...????) I don't know anything about XML :( ......
And i can't find a good tutorial that shows me how to make a pictureflow....I really whant to make it myself but i dont know how.....
Please help me.............. its quit urgent........
thnx!!! Sabrina.N
However, I want to change the first middle image (the current var), preferably via the embed tag, flashvars. Anyone knows how to do this?
@Marcos: Go to the actionscript code on the second frame and remove the three:
, "_blank"
parameters from the code.
Cheers,
Boudewijn
I'm trying change somethings in this wonderfull cover flow and i need know how can i call one javascript function.
Look about it in google and found many things but doesn't work in cover flow.
I try:
import flash.external.*;
var callJSFunction:String = "Name-Of-Function";
ExternalInterface.call(callJSFunction);
And put my funcion in head or body html.
Ps: I'm using two frame and put the function in every files.
Try fscommand but doesn't work too.
Please help, how can i call one javascript function from flash????
THKS
I am a Noob with this stuff im trying to learn though
thanks in advance for any help
To reiterate,
I also got the answer to new window opening from stephen himself.
As to your problem basically search for this string: "_blank".
It should be a getURL command, which basically opens a link, "_blank" opens a new window, so to open in the current window use "_self" instead of "_blank".
Thanks everyone and Thanks Stephen!
I have read each topics since the begining. There is still two issues not solved for me.
First, I haven't found how to add a link on the front picture. There is a lot of people who asked that. There is sometimes codes, but they don't work (I have tried).
Then, I have another problem : sometimes when you clic on the scrollbar to move to the next picture too close from where it is, you are automatically sent to the first picture on the left. Then, if you try to clic on another picture, the same thing happen.
I really would like to have an answer to fix it.
Thank you very much.
Alex
anyone knows how to amend the code to not have the distortion when the image is not in view.
An example:
http://www.flashden.net/item/photo-flow-menu-xm...
me a newbie ...
Thanks ya! :P
great little swf, but I have a major issue, if I publish this to a HTML page through flash it works great, but as soon as I add it to a asp.net page (C#) using FlashControl it fails to load the xml, any ideas?
Many Thanks
DV
Notice there is a var named doubleClickRegister, do a search and you’ll probably find it at or near line 314. In that if block put
getURL(infostruc[this.cid].info, “_self”);
Infostruc is the array holding the data for the coverflow. I used the info field to place the link data parsed from the XML file. You can see where the info field being added near the bottom of the script and the line looks like
infostruc.push({art:this.childNodes[0].childNodes[i].attributes.url, info:val1, auth:val2, album:val3, loaded:false});
Get data from the XML file by placing the below at or near line 500
var val1:String = cNode[3].childNodes[0].nodeValue ? unescape(cNode[3].childNodes[0].nodeValue) : _;
so when val1 is added to the infostruc array it actually has something. You will of course need to add the link to the XML file after each albumName node
http://server.com
Compile and double click the cover and bingo
Hope this helps.
Ive also fixed the problem with the .net pages and I'm trying to make this a lot friendlier by providing the XML and Image URL using flashVars.
Could the reflection of the image be eliminated?
How could I do that? and....
Could I change the view of the pictures? How could I see one main picture in the middle of the screen and only one picture behind that at each side?
thank you! :)
Any ideas?
I also need help on this :(
I made a few modifications in the original code in order to use the file on white background and to put the grafix in perpective..
The reflection is turned into drop shadow (with setting the blur, the colours and opacity)
My (half finished) version is currently at http://www.bosecollins.co.uk/t5m/
If anyone does need my version just drop a line here - I switced on email notification to followup new comments..
BUT - There is only one thing I could not solve and I need help with >> is there any way to loop the image flow? So there is no beggining nor ending - the graphics would be rotating around and around... I keep on trying this for days with no result..
Thank you in advance!
Change > var angle:Number = 0; then adjust shelveCDSpacing...
Answer to Diego (431): play around with changing the following values:
var shelveCDSpacing
var centerDistance
Hope that helped ;)
Just add this line :
getURL(infostruc[this.cid].authLink, "_blank");
on line 340 just after
if (getTimer() - this.pressTime <= doubleClickRegister && this.pressTime) {
This is for the artistlink in your XML file, if you want to add the album link change "authLink" by "albumLink".
Bye
You can get me on Admin ampersat studzworld dot com.
btw I love what youve done with the menu system
Cheers
email to janetp8@gmail.com
Thanks to Steven and thanks to you!
Can I have your version please.
I couldn't make the pictures loop around but the Client accepted this version..
Big thanks to Steven again and all the people sharing the knowledge..
It works great, except for the load. Most of the time, when the pictures load they don't end up loading in the correct area...some of them end up loading at the bottom of the flash area. Check it out and you'll see what I mean. Any thoughts?
-Dan
http://lisajfreeman.com
Would be nice to get a document going with FAQ's and/or current fixes for common problems.
Anyway...feel free to check out my implementation. Been using it since January, and I get lots of great comments from visitors.
-Dan
There're many comum question here, i'm newbie in flash but always find a way to do what i want.
Olegpeti, hbp, Toon, Tim, court earp, thwonk ask how get rid, remove, turn off reflection?
So easy, just coment this line:
var rArt:MovieClip = this.createEmptyMovieClip("reflection" + (this.getNextHighestDepth() - 1), this.getNextHighestDepth());
i use the Flash for Navigation. It isn't a problem to Navigate to a external URL but i would like to use it like this
var FirstWindow = Ext.get('Window3Content'); -> Window3Content is a Div
FirstWindow.load({
url: "FirstWindowServlet",
scripts: true,
text: "Loading First Window..."
});
Can someone help?
Thank you
How can i load images from another domain?
Doesn't work:
- Full path in albuminfo.xml
- Use info base field
- allowScriptAccess = always
Any ideas?
THKS
Check out this article:
http://www.adobe.com/devnet/flashplayer/article...
I believe this is what you need.
i use pictures with index transparency. But in the coverflow the background is white. I learn Flash so if it is a basic feature. Sorry ;-)
Thanx
Mirko
23 minutes to give some support, unbelievable, very nice job, so fast!
I'm really don't think about security question when try load images from another domain.
Now after reading that paper about cross domain policy i know what must to do, but it's doesn't work.
In my web server log found it:
http://domain1.com/domain2.com/image.jpg
Its just happend when there're any image from domain2.
Create my own crossdomain file and put * to allow every domain but doesn't work.
Something like this:
or
I'll try something like
Security.allowDomain("domain")
Some other idea?
THKS for wonderful support !
} else {
img_info.artistLink.onPress = function() {
getURL(infostruc[current - 1].authLink, "_blank");
};
with something like this:
on ( release ) {
getURL ("javascript:window.open('http://10.1.75.251/flash/demowindow.cfm?demo=ticker&width=425&height=110',' demoWin','width=450,height=150,toolbar=no,location =no')", "_blank");
so i have no scrollbars and toolbars and my own width and height.
Thanks in advance!
first of all: awesome script!
Is there any solution for the calculation of the number of images, because if I have less than 10 images (and delete the lines in the xml-file) the scrolling won't work.
Does anyone have an idea where I could change the code to get it to work with less than 10 images? (say 3 images?)
Your help would be very much appreciated.
Thank you!
Did many tests with System.security.allowInsecureDomain, System.security.allowDomain and many configs about security but doesn't work.
Found this line in your code:
artLoader.loadClip("./" + infostruc[num].art,newLoad.art);
This ("./") force loadClip to look in current path, change it to my domain2.com and now i can see flash calling the correct path, but image just be blank (size and format ok, its the same in domain1).
Any idea???
Fisrt of all, Thank You Very Much Stephen! Two words: Awesome Work!
Ok, so far I've read every single comment in this page to fix the bugs, but still getting some. For example, it can't load the first cover-image when I've less than ten (10) entries. You can check it at:
Three entries:
http://www.yadah.com.mx/swf/test1/
Ten entries:
http://www.yadah.com.mx/swf/test2/
A) Does any one knows why this happens?
B) I'm developing a web app using tomcat. When I test it from http://localhost:8080/swf/test1 the images aren't being displayed :S The images are located in the same folder as the swf file. What's wrong with it? Btw Once the swf file is on the internet there is no problem.
C) I've created a compilation of all fixes and post them into a word document. If you want the lastest version you can download it from: http://www.yadah.com.mx/swf/StephenCoverFlow.zip
D) To Olegpeti: could you provide us the implementation of your coverflow? We'd like to have the same onmouse-scroll-effect you have on yours.
Thnks very much to Stephen and the community :D
http://olbros.com/image_flow/image_flow_flaz.zip to download source (both in CS3 and flash8 formats)
Hope I haven't messed up the code too much :)
Onmouse scroll was easy - I simply changed the 'onPress' function to 'onRollOver'...
Three albums in xml:
http://www.yadah.com.mx/swf/test1/
Ten albums in xml:
http://www.yadah.com.mx/swf/test2/
Does any one knows why this happens?
Question: I want to add one more field under the albuminfo to load from the xml. I think it goes in the xmlData.onLoad function near line 560, but I'm not sure exactly how to tie it all together. Any help would be greatly appriciated.
Also, how about a pause button?
At the very end you can add this:
"menubar_mc.swapDepths(1500);"
Where 'menubar_mc' is the object you want to appear on top's instance name. '1500' is almost arbitrary but I saw that scrollbar.swapDepth was set at 1101. This may also help to mask out the reflection being so large since no one knows how to actually decrease the size.
Hope this helps! Let me know if you need any clarification.
I`m using this coverflow for a website gallery.
The problem is that i want to insert this coverflow into another movieclip. I suppose that involves some changes into the script.
Can someone give me some advices?
Thanks ;)
I would appreciate some assistance if you are willing to share.
I was thinking about the exact same combination of coverflow and lightbox, but in the end I guess it won't be possible since the lightbox script parses the document body for links with a rel attribute. And since Flash movies can't be parsed that way it's not going to work.
I'd be happy though if someone proves me wrong.
Paul
first thanks for sharing :)
i'm trying to modify coverflaw but have a stange effect, please look here, http://www.bibienne.com/images/splash.jpg
pictures are distorced in a strange way,
is it normal?
thanks, fulvio
i'm sure it's possible, i can give a try if you need it
regards
I ran across this code called flashlightbox injector that's supposed to let you use lightbox with flash. With my limited flash experience I have not been successful in getting it to work.
http://www.bram.us/projects/flashlightboxinjector/
Tom D
i've done a test, here:
http://www.peopleforfun.com/itunes/
have used thickbox and jquery
and this in the fla
if (current == this.cid + 1) {
//getURL(infostruc[current - 1].albumLink, "_blank")
getURL("javascript:tb_show('', '"+infostruc[current - 1].art+"')", "");
}
is quite a simple sample, sure need more mods, something like a different path for bigger images
look at the html sorce for js and css files
PLEASE could someone post the .fla (Flash 8) or complete code for a version that includes a click to get Url or call mc or something when the centered album is clicked?
MANY huge thanks Stephen and all here!
Could someone please tell me how to make the images' shadows to work with a white background? i managed to changed the background but the shadows are still in black.
thank you very much.
First of all, Thank You Very Much for a nice flash. I have done almost all the fix necessary, but then am encountering one problem. If I refresh the page containing the swf continuously then instead of album pics a number is displayed. Looks like it the loading percentage. This also happens if I leave the web page for some time and then try to refresh the same.
Any help would be appreciated.
rocks!
thanx people for helping us...
Great scripting - my problem is trying to load a .flv clip on click. So far everything is cutomised in AS2 and working brilliantly to load an external URL - can I switch out the getURL function to onClick gotoandPlay ('frame_label') ??? or onClick load .flv into 'my_mc' ??
Would really appreciate some help as everything else is loading great!!!
Thanks,
Sx.
I've been using this to create a gallery of images but the images are a mix of horizontal and vertical images. Is there any way of dynamically resizing the image holder to cater for this?
Thanks alot and continue the good work!
this is realy the best flash based coverflow but I have found a bug. If you load many of covers, the animation doesnt work correctly. I have tested it with 350.
It would be great if someone could fix this because my knowledge is not enough.
Are you serious? Obviously Flash is not something you know of. 350 is WAYYY to much for Flash AS2. It is not the fault of the code, its obviously the fault of the developer. If you really need to put 350 pictures in this then use AS3 because of the E4X parsing and the robust language it will be able to handle it.
I would suggest using this one:
http://dougmccune.com/blog/2007/11/19/flex-cove...
But you are going to have to learn Flex or get a flex dev (like our mutual friend Stephen here) to do it.
Thanks Stephen for making some very useful code and making it free for all of us.
Remember folks its not always the code, many times its the user.
I am having an issue. I have a non-profit site which has several CDs to download. Each CD has its own page. So I am using the Cover Flow as navigation amongst these pages. So on each page, I want the corresponding album cover to be front and center in the flow. I am accomplishing this like this:
In the FLA, I changed the var declaration to read as such:
var current:Number = _root.startalbum;
On my HTML page, I am using FlashVars to pass in the variable "startalbum" to be equal to whatever number album I want front and center:
param name="FlashVars" VALUE="startalbum=4"
and
embed FlashVars="startalbum=4"
This actually works! With this example, the 4th album is front and center when I load the page. Nice.
Here's the problem. If the first thing I do once the page loads is click the "right arrow" on the scroll-bar, the albums vanish and I get "undefined" in Song and Album name.
If I do anything else first on the page (like click the left arrow once or use the scroll-bar or click thru the albums, then the right arrow works just fine.
What am I doing wrong? Or is this a bug which I unwittingly created?
Thanks!
thank you.
Regards.
Any thoughts?
I am wondering if anyone can offer any solutions for this problem.
Sl1mchanse, I'd love to help you with your issue, but I admit that it is a tad above my head. Sorry.
I have noticed that the bug occurs also if the first thing you do is click the scrollbar track bar on the right side of the scrollbar handle. Basically, if the first thing you do when you load the page is click the right arrow, mouse wheel up, or click to the right of the scrollbar track on the right side of the scrollbar handle, the albums fly off to the left and all that is left is "undefined" in the album and song fields.
Again, in the FLA, I changed the var declaration to read as such:
var current:Number = _root.startalbum;
On my HTML page, I am using FlashVars to pass in the variable “startalbum” to be equal to whatever number album I want front and center:
param name=”FlashVars” VALUE=”startalbum=4″
and
embed FlashVars=”startalbum=4″
This works because it presents the corresponding album (fourth album in this case) front and center on load. However, it leaves me with the bug I describe above.
Stephen or anyone else... Please help me. Lot's of love to you all and much appreciate for those who even just take the time read this. :-)
I set the var declaration back to:
var current:Number = 1;
But then in the init function, I just performed a little unnecessary math (which for some reason does the trick):
function init(Void):Void {
current = this.startalbum - 1;
current = current + 1;
Don't ask me why, but for some reason when I deal with my FlashVars variable in a pointless math routine (subtract 1 from it and then add one to it), all works fine.
Groovy. So now we have a method for loading up a specific album cover front and center based on the number it falls into in your XML file.
There is probably a better way to do this. Admittedly I am not a Flash dude. So, if someone knows an improvement, feel free. Anyhow, I'm stoked that this method works, even if I don't fully understand why. :-P
First, I set the variable declaration back to:
var current:Number = 1;
Then in the "init" function, I do a little seemingly unnecessary math:
function init(Void):Void {
current = this.startalbum - 1;
current = current + 1;
So here I am subtracting 1 and then in the next line I add 1 back. No idea why, but it works!
A hover text of each shelved cover would also be nice! Just a suggestion. Thanks!
Action Script 3.0 run faster and better performance so can the community change it for AS2 to AS3
i really need this version run on AS3.0
please if anyone know send me email on
hai2lp@yahoo.com
this my structure
userfiles/gallery/pic02.png
Lorem ipsum
adipiscing elit.
userfiles/gallery/info/img_01.jpg
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Acqua Panna 0,5 L
0000001
userfiles/gallery/pic02.png
Lorem ipsum
adipiscing elit.
userfiles/gallery/info/img_01.jpg
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Acqua Panna 0,5 L
0000001
userfiles/gallery/pic02.png
Lorem ipsum
adipiscing elit.
userfiles/gallery/info/img_01.jpg
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Acqua Panna 0,5 L
0000001
userfiles/gallery/pic02.png
Lorem ipsum
adipiscing elit.
userfiles/gallery/info/img_01.jpg
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Acqua Panna 0,5 L
0000001
userfiles/gallery/pic02.png
Lorem ipsum
adipiscing elit.
userfiles/gallery/info/img_01.jpg
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Acqua Panna 0,5 L
0000001
userfiles/gallery/pic02.png
Lorem ipsum
adipiscing elit.
userfiles/gallery/info/img_01.jpg
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Acqua Panna 0,5 L
0000001
And second: I can't seem to get more than 14 albums to show up.
I copied the appropriate code in the xml file so i could have about 16 albums & I added new art.
Is there another place that I need to edit code that I have missed?
what a wonderfull fla. I love everything that's apple. including itunes and leopard coverflow. What I can't manage is to turn the autoplay off. I set the AutoNextP to 0 and than it doesn't start.. but after a while it does start... how to fix this?.. no auto play just when the scrollbar is moved or the arrows are clicked..
_john
http://www.weberdesignlabs.com/blog/wp-content/...
that is the best one that i've ever try you shouldn't get any problem
you can even handle more than 15 albums to show up
thank you
.s
i love this coverflow, but i have a big problem. what have i to do, wenn i get a title with ß, ü,ä, or ö?
i hope, someone can help me!
thanks
trixi
in the AS there was this part:
// Edit by Paul, tieftaucha, Lunis Neko
// autoNextP defines whether or not the flash movie automatically cycles through all CD covers
// autoNextP = 1 for on, 0 for off.
var autoNextP:Number = 0;
// How long in seconds autoNext will wait to move
var autoNextTime:Number = 3
var autoDirect:Number = 1;
autoNext = setInterval(interNext,autoNextTime*1000);
function interNext():Void {
if (autoDirect == 1) {
next();
} else if (autoDirect == 0) {
previous();
}
}
It should make you able to turn of the cycle... but when you set it to 0 as told by Paul, tieftauch, Lunis Neko it still cycles.
change the part to:
// Edit by Paul, tieftaucha, Lunis Neko
// autoNextP defines whether or not the flash movie automatically cycles through all CD covers
// autoNextP = 1 for on, 0 for off.
var autoNextP:Number = 0;
// How long in seconds autoNext will wait to move
var autoNextTime:Number = 3
var autoDirect:Number = 1;
if (autoNextP == 1) {
autoNext = setInterval(interNext,autoNextTime*1000);
}
function interNext():Void {
if (autoDirect == 1) {
next();
} else if (autoDirect == 0) {
previous();
}
}
If you set it to 0 now it won't cycle..
_j
as I posted back in April already:
Just as a reminder, if you want to use non-standard characters (for example some Polish, French or German chars like ž, ç or ö) you have to embed these chars or charsets in these text boxes, too (within the XML file I use the special Flash UTF8 short notation: i.e. %C3%B6 for an ‘ö’).
Greetings,
Paul
I have one thing left I need to do. Apparently Mike worked this out but he didn't post the patch. I want to only load the required images like for example the next 5 images and previous 5 images to the one being shown, rather then automatically loading them all. I'm gonna try to work it out for myself now but if anybody has the script to post that would be lovely.
Cheers,
lp
but I have a problem.
how could I can set the opacity of the SHELVECDs during the transition?
i mean, the covers are alpha0 while in background and alpha 100 while in foreground
thank you
i tested it, but i failed :-)
as example i wrote:
ö - %C3%B6
but i can`t see one ö.
i saved the file as utf8.
what is wrong?
can someone help me, please?
trixi
Does anyone have any suggestions to make the slide run smoother without jumping?
Thanks.
http://joomlaos.es/index.php/Blog.html
How can i add more triangles/slices to each cover?? So that they dont get so jagged when they are in an angle. Or is there any other solution to remove/smooth the covers jagging when they are angled?
/collard
1.preventing larger that 150 px covers from being cut off at the top. How can you see larger images?
2. changing the width of the size properties which is currently 590x300. How do you increase or decrease the width and height of the file. Is it in a MC?
Thanks to all. I'm so glad I discovered this!
tq
changing the width of the flash movie is pretty easy, you have to extend the stage within the flash and alter the StageWidth variable as well as the fade variables. For an example just take look at my version I linked to in one of my previous comments, the width there is set to 900+ pixels.
Greetings
Paul
I assume this will correct the image chop off problem as well.
tq
Can someone help me get the mask to so that it starts 100 px in?
I want them to fade out before the Stage.width
Thanks in advance
i have a problem with the characters ß,ä,ö and ü.
paul wrote i have to embed these in the textboxes.
what do you mean?
i don`t understand it ;-(
########################
Just as a reminder, if you want to use non-standard characters (for example some Polish, French or German chars like ž, ç or ö) you have to embed these chars or charsets in these text boxes, too (within the XML file I use the special Flash UTF8 short notation: i.e. %C3%B6 for an ‘ö’).
########################
//var fadePointLeft:Number = 50;
if (this._x fadePoint - fadeDist) {
this._alpha = ((fadePoint - this._x) / fadeDist * 100);
} else {
this._alpha = 100;
}
if (this._x < fadePointLeft + fadeDist) {
this._alpha = (( this._x - fadePointLeft) / fadeDist * 100);
}
Hope this help out someone else.
Thanks Stephen
So that you have half the icons on the left and half on the right?
I'll be working on this one as well. I'll post it if I figure it out.
Cheers,
var current:Number = 6;
That's where you can start your icons from.
I have one quick question: how exactly do I actually use this script? I am familiar with HTMl and I own a copy of Flash 8 but have no idea how to work it. I can use HTML alright, but I'm totally lost here.
This is a serious question. If anyone could so much as provide me with a link... I am an adept learner. I want to use this for my photography and art gallery. I'm sorry if this isn't an appropriate question. Any help would be most excellent. Thanks.
In the cover flow only the front images are good, the left and right images are distorted, does exists something like "antialiasing" or similar?
Adam
// autoNextP = 1 for on, 0 for off.
var autoNextP:Number = 1;
// How long in seconds autoNext will wait to move
var autoNextTime:Number = 3;
var autoDirect:Number = 1;
if (autoNextP == 1) {
autoNext = setInterval(interNext, autoNextTime*1000);
}
function interNext():Void {
if (autoDirect == 1) {
next();
} else if (autoDirect == 0) {
previous();
}
}
//////////////////////////////////
Then you can add this.
root.scrollBar.left.onRelease = function():Void {
clearInterval(autoNextP);
};
root.scrollBar.right.onRelease = function():Void {
clearInterval(autoNextP);
};
I want click the front cover image and load other swf, for example...
I just tried using a fix that I think might be your problem as well.
This post by Cristophe Krebser, I think screws up the loading images. well I know it did it to my script.
So just put the old code back.
// Replace ( USE THIS ONE, THE ORIGINAL)
this.setTransform(this.px1, this.py1, this.px2, this.py2, this.px3, this.py3, this.px4, this.py4);
// with (THIS ONE I THINK IS NOT GOOD)
if(loadedAll eq undefined || this.x eq undefined || Math.abs(this._x-this.x)>1) {
this.setTransform(this.px1, this.py1, this.px2, this.py2, this.px3, this.py3, this.px4, this.py4);
}
Anyways try it out. It worked for me
Images flip with current animation style but go around like a carousel. Any thoughts on what should occur to allow this additional functionality or has someone experimented with something like this already?
Thanks for any help, advice, pointers to sections of code I should look at, etc would be immensely appreciated.
Cheers.
Yes you can use php. i did try this go to http://muslimplus.com/coverflow/ i'm using php and mysql database instead of xml.
Where do you change the link to the new php file ?
Cheers.
Please send your email address to hai2lp@yahoo.com
if you wanna know how i make coverflow working with full php and mysql code
I‘ve written a little script that converts Coverflow into a nifty Photo/Image Gallery viewer.
It‘s auto-updating - No XML re-writing required, simply place new photos and thumbnails in the respective folders.
Here is the script and instructions.
http://vanilla.kittyanarchy.net/comments.php?Di...
I can't seem to create a layer that will show on top of the coverflow.
When I adjust the layer order in flash CS3, ALL layers seem to stuck below the coverflow once the exported SWF is played.
Does anyone know why this is? or a fix?
I must say though....I am really impressed with this. Thank you all for sharing.
make whatever you want on top and put it into another .fla
then render it and use this code
loadMovie("YourNewMovie.swf", "_level20");
It'll load on top whatever level you want.
first: really great stuff, I really love this cool cover flow!
@trixi: You have to embedd the chars to the dynamic text fields in InhaltMC01, then it will show öäüß and other chars too!
Now, to my question:
I would like to use this as a picture gallery with 4 chapters, so I tried to add 4 buttons, and every button should load another xml file, but it doesn't work, because the covers won't disapear...
I really can't get it... I try this for a whole week now and I think my head will explode.... can someone help me please?
If you want to contact me try:
smove1024(at)gmx(dot)de
try this, only this worked for me:
on (release) {
_root.unloadMovie()
_root.loadMovie("new.swf");
}
And make 4 separate movie with 4 different XML address...
-----------------------
to Tony:
I could use the "AlbumInfo_Mc" (img_info) to create a layer on top without loading another swf:
img_info.swapDepths(2000);
Put this code at the end of all action. Make a semi-transparent layer mc inside the covering movie (in our case inside 'img_info', the second frame) and put another code on it:
onClipEvent (load) {
this.onRollOver = function() {
this.useHandCursor = false;
};
this.onRollOut = function() {
this.useHandCursor = false;
};
this.onRelease = function() {
this.useHandCursor = false;
};
}
So anything at the back won't be clickable.
I use the onPress function inside the ControlTheObject function to go to the second frame of img_info:
mc.onPress = function():Void {
//if (getTimer()-this.pressTime<=doubleClickRegister && this.pressTime) {}
clearInterval(autoNext);
if (current == this.cid+1) {
_root.img_info.gotoAndStop(2);//<----HERE!
}
current = this.cid+1;
updateInfo();
};
I hope that helped..
try this, only this worked for me:
on (release) {
_root.unloadMovie()
_root.loadMovie(”new.swf”);
}
And make 4 separate movie with 4 different XML address…
I guess you have the same problem like me... So create one movie (main) and 4 submovies (4 times the coverflow flash with their own link to their xml files...
I will try out and will TRY to put a version for download...
@olegpeti: Thanks for that hint!
Just wondering if anyone ever figured out the continuous scroll like Chantal & billski had asked.
As Chantal put it, circular script. I'm going to start working on it. But it would help to get some insight.
Thanks
I only duplicated the main movie itself..
In my case it was ok for the whole Coverflow to load in again.
The button starts a chain reaction: the whole swf unloads then the new one starts.
It's weird that it works, very unsophisticated method :)
Before this I tried many ways for deleting all instances created by the script and clear the variables (and there MUST be a way) but could not succeed. It was the only way it worked for me.
I am happy if it helped for you.
And again: thanks everyone for making this script!
i create a mainmovie with 3 button that loads 3 diffrent swf. (Coverflow, News, About me)
if u click on a cover it opens a part of the mainmovie with a imgage(cover) and text. so no external url
i know its not perfect coded but i'm no haxxor1337 but it works.
its simple to see how it wokrs....
Only in Flash CS3
http://rapidshare.com/files/158613529/coverlfow...
Fix for 1st image not showing up when there are fewer than 10 covers:
[REPLACE THIS]
// Edit by Matth, Alhadef
// "The Elevator Door 2"
//for (var i:Number; i <= infostruc.length;i++){
[WITH THIS]
// Edit by Matth, Alhadef
// "The Elevator Door 2"
//for (var i in infostruc){
[THIS]
Art.id = cArt.id = rArt.cid = cArt.cid = Number(i) + 1;
[TO THIS]
Art.id = cArt.id = rArt.cid = cArt.cid = Number(i);
You saved my @ss tonight, thanks dude!
I need some help.
I need two changes and I don't know how.
First: add a blur effect like the alpha on the covers (far: more blur; close= no blur)
Second: when the cover is clicked, I want to enlarge this cover (+200 % for example)
Thanks for your help !
I came across the same problem with lack of anti-aliasing for the side items -
here is my solution, which works fine for me:
change from:
this.beginBitmapFill(this.texture,this.sM,false,false);
to:
this.beginBitmapFill(this.texture,this.sM,false,true);
Great thanks to the Makers. It was a great weight off my mind. Guys you rox!
I guess it could be a cool new feature for the next release, to switch anti-aliasing on and off
var antialiased:Boolean = true;
.
.
.
this.beginBitmapFill(this.texture,this.sM,false,antialiased);
I've tried about everything I can think of, and there is always a solid color background for the reflection, which sucks if you don't have a solid color background.
Sorry I din't explain myself correctly.
I know how to change the gradient colors, but that's not what I need.
I need to get rid of the solid color in the reflection background.
Try placing an image in the background on the .fla and you will see what I mean.
The reflection is not transparent, It has a solid backgound which obviously I can't seem to get rid of.
You're right, that solution will not hold up over a background with an image or artwork. Since I only needed to change the background solid color. I haven't had the need to make the refrlection transparent yet, and it might be a little time consuming.. but you can try to look for all the code in the fla document pertaining to the reflection and try to set an alpha value to it... good luck.
To all... I've figured out how to make the image clickable. in the "Box" movie clip, there is a solid red bar that denotes the clickable area. Simply draw a solid box on that same movie clip about the size and placement of the center image and that will hold the link on the final out put (don't worry, that movie clip is set for 0% transparency, so it's not seen). (for those of you not advanced, this is the "HIT" area of the button that is set up in the FLA file.) I hope this helps.. the least I can do for an awesome product, free of charge. Thank you!
I'm creating a slideshow at a conference to be displayed on a 40" screen cycling through a series of posters how do I:
1. Move the cover elements further down the screen once they have been resized (at the moment they float off the top)
2. Remove the reflections or adjust the overall opacity (the covers have to sit on a textured background so mapping to a specific colour doesn't help.
3. Add a blur effect to the covers not highlighted
4. get it to loop round continuously rather than get to the end and reverse
5. Is there any way I can embed the images in the flash file (slightly backward I know but it would be easier if I could compile it as a single fullscreen .exe
Thanks in advance
Neil
Any ideas?
I tried to change the html charset to UTF-8, but it did not fix the problem.
Is there anything I can change into .fla file ?
Thank you.
I am the lead ActionScript guru in our studio but even I am stumped on this one. I saw some other colleagues were having this problem before but couldn't see where it's resolved. Here's the deal:
I am loading an external SWF instead of images. Within some of these SWFs are Quicktime movies. First frame is stopped with a PLAY VIDEO button. When clicked it goes to the next frame where the Quicktime is loaded. However, when I click on the movie slide, it doesn't play. Has anyone figured out how to load external SWFs and allow those SWF's to be interactive?
Any help would be great!
in the standard version you find here the text boxes within the Flash only support standard latin characters. In order to display special chars you have to embed these in the text boxes. Just click on the album/artist name fields and check the all characters (sets) you need. I wouldn't rercommend to include all characters for every additional char takes up some bytes and makes tha fla greater in size.
Greetings
Paul
It would be really useful if this could be defined as one could then set the location to a dynamic url within their page so that it may be used on multiple playlists.
In the swf that you load did you try and add an:
this._lockroot;
So that flash doesn't get mixed up with levels and junk
1. Open the .FLA in flash
2. On on the timeline, click the 2nd frame on the 'Actions' layer.
3. Display the ActionScript window (press F9).
4. Search for albuminfo.xml and amend as necessary.
Ps. I've written a nifty php script that runs coverflow as a dynamic photo gallery.
The link is
http://vanilla.kittyanarchy.net/comments.php?Di...
(at the time of this post, the website was down. Feel free to email me with any queries re the script, ghetto@letsgo.com.au)
The KAnet Vanilla forums are back up. Sorry for the downtime. There was a bit of a DNS fubar, but it should be resolved worldwide within the next couple of hours (some DNS servers take quite a while to refresh). For me using OpenDNS, it has just refreshed and the site is running.
so my post above (http://www.weberdesignlabs.com/blog/?p=11#comme...) where I added some vars to the flash. In just the same manner you may add an addVariable line in the SWFObject call and change the FLA the line near the end where the XML is called to use this variable (_root.yourfilenamevar).
Greetings
Paul
I have set the size to 190 on this to lines:
(original 150)
line 18 - var frontCDWidth:Number = 190(take any size you want);
line 19 - var frontCDHeight:Number = 190(take any size you want);
Where do I set so the "LOADING" on the album art that has not load to match this, so it don't get a big white border on right and bottom?
Thx in advance
Henzo
I have set no embed in the .fla file and now everything is working fine.
Thank you for your help.
I tried _lockroot and it didn't work. I am really stuck on this one if anybody else has a clue please let me know here is my previous post:
Wonderful job on this…absolutely wonderful.
I am the lead ActionScript guru in our studio but even I am stumped on this one. I saw some other colleagues were having this problem before but couldn’t see where it’s resolved. Here’s the deal:
I am loading an external SWF instead of images. Within some of these SWFs are Quicktime movies. First frame is stopped with a PLAY VIDEO button. When clicked it goes to the next frame where the Quicktime is loaded. However, when I click on the movie slide, it doesn’t play. Has anyone figured out how to load external SWFs and allow those SWF’s to be interactive?
Any help would be great!
Why after the tenth image the image on the right starts to blink.
Can anyone help me on this problem ?
Thank you.
Thank you both for your replies. I think I am going to try out Paul's version as I am already somewhat familiar with using SWFObject to call different flash media players. If it works like those other projects I have been playing around with, I should just be able to echo in the php variable of the xml file into the xmlFile flash var.
I like how your version lets one define all the variables within the js using swfoject.js I went to the link you listed on your post and your flash looks quite a bit different than the original one posted on this site. Do you by chance have a version that still allows the flash vars to be called from the external file but retains the original look? Does your flash look for the same name in the xml files or are they named differently?
If i can find a version that keeps the default look as well as allows for the location and name of the xml file to be defined in an external file it would be extremely helpful and appreciated.
Thanks again for everyones time and this wonderful project.
See my post above ^^
solved the LOADING image. Didn't see the image on the stage first... But you can find it in the library. So by changing that size so it matches this to lines:
line 18 - var frontCDWidth:Number = 190(take any size you want);
line 19 - var frontCDHeight:Number = 190(take any size you want);
You want get the white border. Great!
Now I just have to figure out a way so the PNG files gets transparent. for some reason it gets white.. (saw post above about this) anyone how has a solution for this?
Thx
Henzo
you could just download my version as well as the original one and merge them. It's quite simple to make the flash vars configurable by adding lines like
flashvar = _root.phpvar
That's by the way the exact reason why I was giving it a try, I wanted to use the fla in various positions with different contents and now I just can set the xml list name by setting a php var to the template.
Greetings
Paul
I would like to publish a version using a white background and an example using a PHP file instead of XML for images and datas be selected from a mysql database dynamicly.
Thank you.
You can get the files here
http://webinkgraphics.com/coverFlow/flow.zip
zip everything to one file, like the file you downloaded. Then send it. Then the client just unzip and the folder and file structure is intact.
thank you
Thanks!
I have added some code that sorts out the little glitch with the autoNext function.
The problem I was getting was that if you clicked the buttons or scrollbar at the wrong time the function would skip that image.
So basically I've added the clearInterval and setInterval functions again in the next() and previous() functions so that the interval resets itself on a click of the button or any other process!
function next():Void {
if (current 1) {
current -= 1;
}
if (current == 1) {
// Set our autodirect switch to go forward now
autoDirect = 1;
}
clearInterval(autoNext);
autoNext = setInterval(interNext,autoNextTime*1000);
updateInfo();
}
zip it
See post above (#571)
Anyone know how to achieve this?
source files would be much appreciated
Yeah. I know how to achieve it. Get Papervision and make it your damn self! I can't believe there are soo many of these people asking for free stuff and free work for absolutely nothing. Here is a guy that gave something wonderful for free and then these people come along and want more for free. Source files would be appreciated? Gahh, just horrible. LEARN TO DO IT OR HIRE SOMEONE TO DO IT FOR YOU!
I must admit Kevin has a point. This fine art of Stephens work is given freely to the community and you asking for a complete addition without any greetings or even words of tribute.
I see these source files as a base for further development and I did share my changes and try to answer questions if I can.
So coming back to your question:
If you figured out how to add an additional text line you can probably start from that to add an additional image. The required XML changes should be as simple as for the text, displaying the image is of course more complicated. Since I wasn't in need of that yet, I didn't try it so far, but loading the image should be very similar to loading the main images (covers). If you are just a bit into ActionScript you could try copy&pasting the right things. If you achieve something (may not even be fully functional) share it, so others can take a look and might improve it. That's how a community works.
Greetings
Paul
asking was the last thing I wanted to do.
I've tried and tried including Papervision and every resource I could manage.
I'm new to this and as I'm only 12 I think you were a bit harsh.
I asked politely and didn't mean to upset anyone.
If anyone can give me clue, a pointer, then i will script it myself, but, so far i can find nothing.
I'm not asking for http://www.demandware.com/clients/ (complete) but i just want to add an different image to the main coverflow image in a separate MC. just like http://www.demandware.com/clients/ .
I tried XML, no good, extra nodes etc, and have exhausted my options.
My dad suggested posting on here, because I've been up till 1 am for the whole weekend and thats not good.
Can anyone help?? but please don't get angry.
Thanks Paul,
I sure i wont give up and as soon as I crack it I'll share.
thanks for the tips
This piece of flash rocks. Good work!
/Lars
I get your point Kevin but chill out, he was only asking.
let not get political kids!! :)
remember we are a community and "need to live together"
I am trying to customize the component in such a way that it loads album images from the internet (complete URLs are specified in albuminfo.xml), I have completed it and it works fine if i debug the movie in flash. But when i upload my file to a web server, the images are not loaded, only a white box appears in place of image.
Can anyone help me? Really appreciate any help.
Thanks.
Umer
thnx
This looks like an awesome component, well done to everyone !!!
I do need help though...
1. I downloaded the source files and the file: iTunesAlbumArt4.fla
I put all the files in the same folder, opened the fla file with flash cs3 but when I try to run it I get this error:
Error opening URL 'file:///D|/Downloads/New%20Folder/./albuminfo.xml?cachebuster=1227964361885'
Can anyone tell me how to fix that?
2. I want to use this gallery in Drupal, and make each thumbnail to open in a lightbox. Is that possible? Can someone help me with that please?
Thank you, and again, what a great work !!!
Sigal
It's a good project. I liked it and will use it immediately thanks to you.
Feature request:
1. Play & pause button for autoscrolling
2. Interactive sorting capability fot the specified xml tags.
Keep up the good work.
Munir
First off I should mention that I am loading my xml through the FlashVars, and all images are coming from a different server.
Jt Hollister: I had the same problem with the first image (1rst image) not showing up. I think this is caused by the crossdomain policy file not being read in time to grant permission to load the image data for the first file (it takes about 2 seconds to load the policy file). To fix this I simply wrote a new function called waitForPolicy. In this function I initialized a counter and put an onEnterFrame event to increment it up to 50. When it reaches 50 an if statement fires off and calls the init function and loads the pictures. This causes only a short delay in loading the images, but fixes the problem with the first one loading.
(in the function that loads the xml)
replace: init();
with: waitForPolicy();
at the top add the variable:
var stall:Number = 0;
then add the new function:
function waitForPolicy(){
onEnterFrame = function(){
if (stall 1) {
if (stall > 100){
this.setTransform(this.px1, this.py1, this.px2, this.py2, this.px3, this.py3, this.px4, this.py4);
}
}
if (stall < 165){
this.setTransform(this.px1, this.py1, this.px2, this.py2, this.px3, this.py3, this.px4, this.py4);
}
One final note if you are loading images from a different server: With the release of Flash Player 10 Adobe has implemented new stricter guide lines for cross domain security, so if your not seeing any images load up and you are using flash player 10, check to see if it works in flash player 9, if it does your cross domain policy file needs to be updated. If it still doesn't work in flash player 9, your cross domain policy file is just broke period.
I'm not a coder—have just enough coding knowledge to get myself into trouble—but have been able to adapt your files to my uses...just missing a working link function for the "album" images. Links for artistLink are fine.
Can you advise how to make work properly?
Thanks.
Stephen, your a legend cheers for this its great.
Im having problems loading the images on the swf...
here is my swf
http://www.gfab-records.com/ianmyspace/coverflo...
and here is my xml (dynamically generated from a php script querying a mysqldb)
http://www.gfab-records.com/ianmyspace/index.ph...
a browser wont like displaying that but if you view source you can see that the xml is fine, and if you view the swf it reads the xml fine, but doesn't display the images, yet checking the image paths given in the xml they all exists fine.
i need to use a full path to the images becuase the swf is being displayed on myspace, http://www.myspace.com/djiancarey
i know this can work because someone else is using this here www.myspace.com/borntofunk
SO.... Any ideas what i might be doing wrong here?
P.s. I have created a mysql/php front end to add images etc and to feed the swf if anyone is interested!
Cheers
Brad
It could be that there is an error in your XML. If you use Firefox to display your XML it says its not well formed. That would explain why it loads the first Image and not the rest. I think its the "&" in your XML. At least remove all "&" signs from the XML and test it to see if thats your problem, if so you have to replace the "&" with the safe alternative, which I have forgotten right now. Does anyone remember what the alternative for "&" sign is?
thanks for the response, im (fairly) certain that the &'s are not causing the problem.
as they only occur in the actual text part of the xml, which is getting displayed just fine in the swf, i dont think flash needs xml to be perfectly formed.
the reason the 1st image is displayed if you take a look at the xml (view source) is that its image path is different.
i.e ./discog/2.jpg
rather than http://www.gfab-records.com/ianmyspace/discog/2...
i need the full link to the image as the swf will be displayed on myspace.
could it be somethig to do with cross domain policy or something???
Cheers again,
Brad
Here's a challenge I am facing:
I need this coverflow to be static. Meaning that you always see all available Covers in a row (up to 15) and they stay in that position (more or less due to scaling). Yeah like a dock but with this exact 3D-flip...
Help would be highly appreciated!
I tried Zach's suggestion for making the image a link when it was in the center and it didn't work straight away - the reason being it didn't like the quotation marks around _blank but if you retype these in then it works a treat - thanks Zach!
if (current == this.cid + 1) {
getURL(infostruc[current - 1].albumLink, "_blank")
}
add this before the line:
current = this.cid + 1;
can someone explain scrollbarstop to me? I don't understand where the numeral 49 comes from here:
var scrollBarStop:Number = scrollBar.scroller._width + 49;
i started making a project, using this one for inspiration, since i use different artwork, the quantity 49 does not work for me.
i can not find a value that works with a dynamic number of items.
so how in the original is the number 49 arrived at?
i just want to understand! thanks :)
This is awesome! But I have one question.
It starts with the image on the left, is it possible to begin with the image in the middle?
please spend at least a couple of seconds searching through the comments, this was answered at least 4 times already. (currentNumber)
Developing my own 'branch' has had some delays because of more important projects but at least I am coming closer to a fully configurable service of this. The attentive reader of this blog entry might have noticed my version at http://www.broon.de/coverflow.htm .
There is also a white version (http://www.broon.de/coverflow_white.htm) as well as a flat one (http://www.broon.de/coverflow_flat.htm). These are right now handled by three different swf files but in my next major release this can set by SWFObject-variables.
Greetings, Paul
but somehow it stays the same..
Well folks,
I just happened to have some time releasing my first dynamic coverflow generator which can be found at:
http://www.broon.de/dynamicCoverflow.htm
there you can set a couple of things and just push the button to have a coverflow displayed with your values (including starting cover).
It's nothing fancy, it's not looking award-winning and it's not doing all I want yet...
...but you'll get the idea. ;)
So there's way to go, any help will of course be appreciated. For example I can't figure out a way of dynamically resizing stage width and height _without_ using Flex, if anyone got an idea, let me know. Next things to add will probably be shelveDistance and measures. I'll give you an update as soon as I have some time again to work on it.
Greetings,
Paul
The statement:
var scrollBarStop:Number = scrollBar.scroller._width + 49;
is setting the scrollbar button so it will knows where to stop on the final picture. I am trying to increase the size of the scrollbar 416px to 600 px. However when I do that the button runs off the screen. There is a calculation going on on where to set it versus the number of pictures but I am a little lost. If I figure it out I will post it.
Matt
I set scrollBarStop to a value that worked for my graphics, when i increased the number of items loaded, it no longer worked correctly.
I am puzzled by the fact that that value is hardcoded, and just wonder what it is derived from.
cheers.
Write me: paodianmey@gmail.com
Thanks,
I downloaded the info above for Dreamweaver 8 that was listed under where it says "source files": Flash Coverflow Community Edition - Flash8 (4060)
I took a look at it in flash, along with the other files that were inside, but I'm not sure where to start. Can anyone get me started? It would be greatly appreciated.
Thanks in advance
However, would it be possible to have the .fla in Fash MX version?
Many thanks in advance
Steph
Any chance to make it work with other languages like Russian (Cyrillic)? In other flash projects it was enough just to save the .xml file in UTF-8, but it didn't help here.
Thanks a lot!
KP
in fact it is surely possible. All you have to do is (besides using UTF-8) embed the cyrillic character set within the two textboxes used for artists and albums name.
Greetings
Paul
First I'd like to thank you for this beautiful script, I use it for the website http://www.muzikinside.com
But I still have a problem :
I feed the coverflow with a xml generated on the fly with php (codeigniter).
If the visitor come with www.muzikinside.com, the coverflow is able to load xml but if the url is muzikinside.com (without www), the coverflow failed to load xml.
If someone get an idea, please make me know
Thanks a lot
See you
Matt
if(substring(0,9,this._url) == 'http://www'){
xmlData.load("http://www.muzikinside.com/index.php/index/makeXml");
}
else{
xmlData.load("http://muzikinside.com/index.php/index/makeXml");
}
See you
Matt
I am using the coverflow to show image selection, then on clicking the image I'm wanting a Value to be sent to a JavaScript function I've created. Previously I've used static images and added:
onClick="function(this.value);"
or
ahref="javascript:function(value);"
Anyone got an idea how to send values to my function?
Cheers.
Greg.
javascript:function(value);worksP
Well, I tell them I am using this fantastic flash to create a gallery of my products, I am having trouble putting large resolution (or so I think the problem is) the problem is that loading more than 10 images are generated an effect not darling, flashing images and loading strangely the images.
If someone had this problem or if someone knows that this may be happening to me and they can help me thank a lot!
THANKS FOR THIS BEAUTIFUL RESORT!
Greetings from Argentina!
Here is my SWF: http://newdanger.com.ar/flow/flownd.swf
Here is my FLA: http://newdanger.com.ar/flow/flownd.fla
Here are all my files: http://newdanger.com.ar/flow/flownd.rar
THANKS A LOT!
Well, I answer myself XD tried replacing all my script with the version CS3_Community_Edition. The problem disappeared, but implementation was again very slow, now I will see this as a settlement.
THANK YOU ALSO!
I am trying to make them disappear on a button click.
http://www.modworldwide.com/mascieri. Thanks!
nail on the head, man! That's exactly what I was doing in the beginning and after playing around with some more stuff within the actionscript and the sprites I got my dynamic version where you can just exactly do this: playing around. ;)
Greetings
Paul
do either of you know how to make the whole coverflow fade out simultaneously. I have been staring at this all day and am having trouble finding what objects in the code I can tween.
Please, Let me know if you have run into a similar situation.
Thank you!
what do you mean with fading out simultaneously? I'm not quite sure I understand what you want to do.
Greetings
Paul
I am using the coverflow to display the majority of the content in a website I have started. I added a navigation to control the animation of the images but I need to add a new section to the website. So what I am trying to do is when you click a certain button in the navigation the whole coverflow fades out and then a new movieclip fades in. I have already added several movie clips ontop of the coverflow to display the text for all of the different sections but I can't figure out if its possible to fade out the coverflow. I tried just moving to a new keyframe but all the images are still there.
here is a link to the site so far
http://www.modworldwide.com/mascieri
Thanks, - Jon
that's a nice idea of using the coverflow. I personally find it a bit annoying when jumping to different content, but still it's a variation. And I would get rid of the text lines below the main images (just a proposal).
Right now I don't have access to the fla file, but giving the main image an alpha value shouldn't be too hard while it's not as easy as changing it for the reflection. I'll check on that in the evening.
Regarding the fade out it's hard to give you an advice here since I don't know how you are handling the system altogether. Did you alter the coverflow fla file or are you using a new wrapper swf which loads the coverflow? wIz is using it in the second way I assume, take a look at his webpage at (comment #177) http://www.patrickdroney.com and click i.e. the Photos part. I know it's not fading out but just a new layer above, but maybe it gives you some hints.
Greetings
Paul
do the images you want to display alle share the same dimensions (i.e. 480x320)? In that case you could alter the fla file and change the front cover dimensions to meet your requirements. A dynamic size within the coverflow though is not possible (yet) to my knowledge.
Greetings Paul
I agree with your comment that switching between sections that are far apart is annoying. But the client seems to like it, so I ain't changing a thing! The lines of text are definately going, they are just remenants of when the images had no text and I needed placemarkers.
I actually just altered the .fla file. It is not being nested inside another SWF.
I posted the .fla here for you if you want to take a look. I unfortunately cannot just throw something ontop so I'll keep playing around with it. Thanks for looking into the alpha situation.
http://www.modworldwide.com/mascieri/mascieri09...
if u know what i mean!....trying to use this as a photo viewer
thanks
I don't if this is quite what you want to achieve, but try to put
if ( this.cid == current-1 )
{
this._alpha = 20; // change to your value, 0 for invisibility ;)
}
inside the controlTheObject function at the very end right after the fading alpha calculation. To see a demonstration, visit my dynamic flash generator and alter the alpha value for the center cover.
(http://www.broon.de/dynamicCoverflow.htm, note: alpha for reflection is not quite working yet)
Greetings
Paul
why not using a lightbox instead? That way you don't have to mess with frames in flash. Just implement the lightbox clone of your choice and alter the album link to get the flash working with it.
Greetings
Paul
the above modification (comment #633) affects always the current cover regardless of its position. I made it smoother now by affecting all covers depending on their position near the center so you get a tween.
Demo at my generator page. Over here it's now past 3am so I'm going to bed now ;)
Greetings
Paul
most will be 200(W) x 300(H) but i want some landscape pictures aswell 300(W) x 200 (H) but dont know how to do it :( think i may have to split them into to 2 different gallerys or choose a different one all together unless it is possible to get dynamic sizes.
Has anyone managed to get a continuous loop going, like a carousel?
I had a look at some of the previous suggestions but they have the effect of winding the images back to the start which looks a bit odd.
I suppose that approach could work if there was a way of temporarily disabling the animation until the correct location was reached.
Would anyone know a way to do that?
Very grateful for any help.
Thanks Nigel
I am on a mac using safari and firefox and i cant seem to get rid of this problem. I tried Woody's code from july 21st but that didnt solve the problem.
Any help ywould be so appericiated.
I am trying to warp the gallery so that instead of targeting a URL when the album button is pushed, I want it to target a frame inside of the flash file I have added it to.
I added ID's to the XML doc, and wrote some script that detects the album ID. I am having trouble making it so flash can use these ID's to detect which album you are currently viewing.
Any suggestions?
Is there a way to have the skewing of a cover happen as the slide is moving to the center. As it is now the cover moves to the center and then becomes a square shape after it has stopped moving. This would make the animation a lot smoother.
Thanks!
I know exactly what you mean. Take a close look at my first branch version at http://www.broon.de/coverflow.htm where you will notice that the turning of the cover starts _before_ being centered. I achieved this by adding an additional variable in the fla called centerDistance2. While centerDistance is set to 20px in my example, centerDistance2 is set to 200px. I don't know right from my head now where to change centerDistance to centerDistance2 within the code but I'm sure you can figure that out. It's the part where the sides of the cover are calculated, there must be a couple of if-structures, something like
if ( this._x > centerDistance ) ...
There you have to change it to centerDistance2 (and of course within the if-structure, too) and voilà! :)
Greetings
Paul
http://www.runnerslife.co.uk/video.php
but if you go to the file directly on the server it works fine and you can see it no worries, im kinda stuck here, is there any where i can force the url to be http://www.runnersilife.co.uk/somefolder/images/
and then it just appends the filename in the xml onto it in the flash?
or is this how it alreay happens? it just doesnt seem to want to work
thanks
Dan
dan
Hello!
Here I am again, I have the same problem as Jon, I was trying to fix the line that shows the following:
this.setSides(-(shelveCDWidth/2),-(shelveCDHeight/2),shelveCDWidth/2,-(shelveCDHeight/2)+(Math.sin(angle*Math.PI/180)*frontCDWidth),shelveCDWidth/2,(shelveCDHeight/2)-(Math.sin(angle*Math.PI/180)*frontCDWidth),-(shelveCDWidth/2),shelveCDHeight/2);
but I was not successful in this, my pictures are square (350 * 350) ... as could fix my problem?
Adjusting the the CenterX value, I got the coverflow to start with the first image in the xml as the right most image. However, I'm stuck on how to make the images go to the back of the stack.
Hopefully that makes sense. It's somewhat difficult to explain. Thanks for any help!
first of all a big thank you for this. Great piece of flash. But I recognized a bug in (my) coverflow. If I got more than 16 covers there appears a bug: If I switch to the 10th cover or higher the last cover is suddenly flickering in the background. But that just happens if I got more than 16 covers?!
Anyone who knows that bug or how to help?
Thanx
thanks
Again i answer myself XD.
I solve my problem as follows:
on (release) {
for (var tonga in _root) {
_root[tonga].removeMovieClip();
}
for (var nano in _root) {
unloadMovie(_root.nano);
break
}
gotoAndStop (1);
}
do not ask me why, but it works!
@Ben Williams
I had the same problem was solved using the comunity script, just copy the script and replace in which you have now.
Again i answer myself XD.
I solve my problem as follows:
on (release) {
for (var tonga in _root) {
_root[tonga].removeMovieClip();
}
for (var nano in _root) {
unloadMovie(_root.nano);
break
}
gotoAndStop (1);
}
do not ask me why, but it works!
ok, this does not work at all, rarely, if I let you finish uploading all the photos and then run the script to return to the gallery is not lifted photos ... how can I fix it and see you ... any ideas?
Great app guys!
I'm try to make a coverflow version where instead of the title at the bottom of the screen, it appears in the cover, as the flow card (as I call it) is larger than the image, with info above and below, like a Top Trumps card. So the "default" movie clip loaded from the library into loader is seen as a border around the jpeg image
//
loader.attachMovie("default","art",1);
//
I've got the data going in, which is visible when I remove the images source from the folder, where should I be altering / adding code?
heres a link to what I've tried to do
http://www.universemedia.co.uk/coverflow/0layou...
I've only included images 2 and 4.
Make sense?
Regards
Mac
screenshot - http://wayneworks.com/wwscreenshot.jpg
it does make sense. How do you insert the text, is it taken from the XML or 'hard coded' into the flash? Nice idea by the way, it's cool to see quite some variations of the original coverflow.
@Wesley: Please refer to some older comments, this issue has been adressed pretty often and could be solved in more than one way as I recall. If you use the community version this should be fixed, too.
Greetings
Paul
Thank you very much for such a lovely work.
I've downloaded it and change the xml file for my needs, and added the option to open a bigger image of the thumbnail with a Thickbox. Now I have a problem when I have less then 4 images, the first image does not display. I see only the shelve images and the main thumb that should be displayed in the middle is gone. Can someone please help me solve this problem?
Another change I did is that the flash file gets the xml file as a FlashVar but when I run it on the browser, although the swf get the right xml file, it still shows the images from the previous file, any ideas why?
Thank you very much,
Sigal
"is it taken from the XML or ‘hard coded’"
XML add more titles in the XML eg:
album1.jpg
Catergory : Web page1
About Something : Intro.
Listen To Visualize Understand
10 mins
Score: 80%
http://www.google.com
// repeat per cover//
Amazing piece of kit... and a damn fine name too!
I'm struggling a bit... how do I make the Image itself a link? Is it even possible?
Cheers
Paul
please refer to the community edition. The main cover is automatically linked. Reading through the comments you will find some other solutions whereas you can define an additional url to be linked via the main cover.
Hi Mac,
since your version seems to be altered in quite some ways I wouldn't how to do it in that special way. How are you applying the text i.e. to the shelf covers? If you don't mind you could post a link to your altered fla file. In any case I like the idea of adding some kind of a border to the covers, might come in handy, so I will try to solve this as soon as I have some time again to work on it.
Greetings
Paul
I have two problems to me are going crazy.
Easier to explain it is better to show it:
http://www.newdanger.com.ar/flow/nd_flow.swf
Come to one of the few categories with pictures (like the last, which says "Rosarios") is all right, now back to the main menu (the button with the arrow back) from entering any other category, then back to menu Home again and again come under the category "Rosarios."
Here is the FLA file that I am using:
http://www.newdanger.com.ar/flow/nd_flow.fla
Greetings and urge all Greek gods who can help me XD
Sorry for my bad English
http://www.newdanger.com.ar/flow/iTunesAlbumArt...
I only used the FLA of the community and I adapted it to my needs.
http://www.newdanger.com.ar/flow/iTunesAlbumArt...
I hope you could help me!!
PLEASE! HELP ME!
Regards!
PS: Here are all the compressed files:
http://www.newdanger.com.ar/flow/flow.rar
Can you please show a link to the code that fixes the flickering if you have more than 16 images?
Thanks,
Forbidden
Excuse me if I did not answer you previously, I am in Argentina and the hour is different.
Anyhow in my post this URL of the FLA in order that you could see it.
Will you be able to help me with my problem? I am driven to despair by it.
Regards
For example, instead of square album art, what if I wanted to scroll through circular shapes? Or through a list of team logos (all scaled to 150x150) but I have them as .png files with transparencies - but the Flash displays them always at 150x150 with a white background.
How can I change that?
Thanks!
Chris
i'm working on a music site for school
and this is my question
if you click on the albumcover is it possible to go to another frame in my site?
January 8, 2009 at 10:54 pm
Hi i have a question….Just wondering how can I unload this xml file i want it to go back to another page on my website but the coverflow still stays and does not go away and i cant find any script or tutorials anywhere on how to unload xml. Any help would be great :)
i got the same problem mate
if i am on the page of gallery with the coverflow and then i want to go back to another page the coverflow stays on it:s
http://www.newdanger.com.ar/flow/iTunesAlbumArt...
http://www.newdanger.com.ar/flow/flow.rar
Please!
The fix for your flicker is addressed in the previous threads......you just have to dig through them a bit.......although I was against the usage of 40+ albums on a project I was part of.....the flicker is nonexistent, but the loading time is ridiculous.....nonetheless, you can find the solution here...good luck.
I am driven to despair trying to solve the mistake that happens to me.
I tell them since they can see my mistake to know if it can guide me:
1)-Enter to http: // www.newdanger.com.ar/flow/iTunesAlbumArt4.swf
2)-Do click in the button "2"
3)-Check that the quantity of images is equal to 8
4)-Do click in the arrow button to return to the principal menu. (This eliminates all the movieclips that were in execution)
5)-Do click in the button "1", it is not necessary to allow that load all the images.
6)-Do click in the button of the arrow again to return to the principal menu.
7)-Do click again in the button "2"
8)-There it will see the mistake, in you see of credit 8 images they appear more ... they are of the first section, which was not cleaned.
Since(As,Like) podria to arrange it?
Please I need his(her,your) help!
Here you will be able to unload all my files:
http://www.newdanger.com.ar/flow/flow.rar
Sorry for my bad english
i was searching on about this kind of work and here is ended my search for that.
i am very happy to download this with source file and Thanks to your team.
I use it in a german webiste and as we have some special characters over here "ä,ö,ü..." I can't figure out, how to modify the fla or the xml to get this displayed correctly. Now this special Chars are just left away.
So, maybe anybody can help me.
Felix
most of the problems addressed recently have already been solved. Please just take a look at http://vanilla.kittyanarchy.net/comments.php?Di... where all main modifications have been summarized by Lunis Neko. There you'll also find my addition for unicode support (for ž, ç or ö i.e.).
Greetings
Paul
Can i give you a suggestion:
- Have a look at the coverflow in the apple iphone. when you click an album, the cover flips and shows a list of songs in that album. can this be done?
Yes, this can be done.
All you have to do is replace the getURL for that album with a gotoAndStop to a movieclip with the songs or even better reading an XML from a DB and filtering the results based on a album ID.
At least that is how I would do it.
Thanks
Nicky
Also found a solution to the flicker problem by increasing the deleteMaxDistance value in line 16 to greater than to movie stage width so if your stage is 700 pixels wide make this value 800
var deleteMaxDistance:Number = 800;
The XML is still on the top? Hmm...I am not sure what that even means since the XML is just the data structure that the coverflow reads from. If you are trying to get rid of the coverflow you can make it in a movieclip and than hide the movieclip that contains the coverflow. Its easy to do and simply requires some copy and pasting.
Basically I am getting the image from the image from the xml and turning it into a bitmap so I can manipulate it. What you need is something with papervision 3D so you can get at the material used for the plane. There is an excellent example at www.gotoandlearn.com. Check it out.
or I've put all the code but i can't see anything...
help please?
thx!
//beE
At the moment the links are within the text below each album. I'd like to be able to click on the current album and be re-directed to a different page. Is there anyway of being able to make the albums themselves clickable??
Hope that made sense?!?!
Thanks for the files and thanks for the tips!
@NewDanger: Ive got a little problem with your solution: On loading the flash-animation there are these ugly two numbers. I dont need them- could u tell me how 2 delete that stuff?
If I could have a larger pic popping up when clicking on the small, it would be perfect!
Thanx!
I made the small image open a larger image in a thickbox.
You can see it on my photo gallery on www.sigalz.co.za.
If you like it, let me know, I'll try to help you out.
Cheers,
Sigal
Would it be difficult to make it so when the the central image is clicked it would open up that image to fill the dimensions of the swf? Then another click to toggle it back? Anyone? :)
Thanks and thanks to Stephen for the FLA in the first place :)
Mr F
Thanks for your example , but can any one give me this example in AS3 please
can anybody help me get it to NOT overload the CPU?
I've tried this change:
// Replace
this.setTransform(this.px1, this.py1, this.px2, this.py2, this.px3, this.py3, this.px4, this.py4);
// with
if(loadedAll eq undefined || this.x eq undefined || Math.abs(this._x-this.x)>1) {
this.setTransform(this.px1, this.py1, this.px2, this.py2, this.px3, this.py3, this.px4, this.py4);
}
But that doesn't work for me!
There is a mistake in the community edition. If your xml has 2 or less discs, the picture of the first one doesn't load.
Good work anyway.
tnx
Is there a way to use PNG images within the XML and get the transparancy active ? I only manage get a white background ...
I have some questions:
1) Where do I edit the AS to move the CoverFlow to a different position on the stage?
2) Is there a way to use transparent pngs?
How can load a pic from picasa.
Change this line:
artLoader.loadClip("./" + infostruc[num].art,newLoad.art);
To this:
artLoader.loadClip(infostruc[num].art,newLoad.art);
Works fine in my pc, but don't load in pages.google.com.
Please help me !
root["_bmd" + this.number] = new BitmapData(target._width, target._height);
root["_ref" + this.number] = new BitmapData(target._width, target._height);
to
root["_bmd" + this.number] = new BitmapData(target._width, target._height, true, 0x00FFFFFF);
root["_ref" + this.number] = new BitmapData(target._width, target._height, true, 0x00FFFFFF);
This is exactly what I was looking for, but I am having a very stupid problem. I just downloaded it and I haven't changed anything. The XML is loading in because I can read the titles and what not. But the images are not showing up. It just says loading on all of them. I'm just testing locally on my computer, is this the reason? Please help. I must be a moron because I don't see anyone else talking about this problem.
I'm not a Flash programmer and don't know
how to make gallery invisible after button clik for example. I want exactly remove all gallery objects after button action.
How to do that ? Is it complicated ?
best regards
Tom
I have spent a few hours playing with the code and i have to say its awesome. I am having a problem now I am trying to upload to our web site, it keeps saying "Unable to load XML data" I know its obviously something I have missed and I am sorry for not being able to find the related info in previous comments.
Cheers guys
thanks!
I was just wondering if there was a way of adapting it so that the covers scroll through on their own, ie no need to control them with the keys or mouse..
anybody have any suggestions, it would really help me if you do!
Jeff
Thanks for the great piece of coding, I'm trying to smooth the distorted cover images. I'm aware there is a bug in as2 with smooting dynamic bitmaps, so I've been trying to implement the bitmap smoothing fix here:
http://www.kaourantin.net/2005/12/dynamically-l...
But how to integrate it? Somewhere in the mc.onLoadinit function maybe? Any help appreciated, I'm out of ideas...
Does anyone know what code I should be using to be able to view the cover flow on myspace?
Any assistance would be greatly appreciated. Sorry for my noob question!
Thanks
For those that still need the information: The target frames are buried inside the actions. Go to windows, come down to actions and get url. Here is where you'll see the current code "_blank". Change this to your frame or get rid of it as needed.
I have found a way of looping the images on their own..
To summarise ive declared a couple of global variables: var currentImage, delay, displayTimer and direction. I then used the displayTimer functionality in AS2 to create a countdown timer in an if statement using the length of images etc
Do I need to repeat the command for each album I wish to redirect?
Any help would be appreciated...
For bitmap smoothing -
goto frame 2's AS and find this function:
MovieClip.prototype.render = function(Void):Void {}
Within that function, change this line:
this.beginBitmapFill(this.texture,this.sM,false,false);
To this:
this.beginBitmapFill(this.texture,this.sM,false,true);
Seems like changing that last smoothing param from false to true did the trick.
What type of value is artLocation expecting? A path or a URL? I want to include URLs but none are loading up. I could save them to the server but unsure if it's expecting an absolute path or a relative one.
Thanks,
This is a great little script. I was wondering what do I need to do if I want to get this script to work with a certain wordpress category. I am not sure where to locate an xml feed or how to format it so this flash app will accept it?
I am using this script to display a couple of screenshots that contain many straight lines. Because of the straight lines, I need to add more triangles to the image matrix but I can't seem to figure it out just right. Do you know how to do this? Basically I just want to double the resolution of the matrix.
Thanks!
var current:Number = 1;
Change the number, that's all.
Any chance of seeing how you did it anyway? I'm Intrigued...
@echopathy - thanks for the bitmapSmooth; works perfectly!
It works offline perfectly... but once brought to my site, nothing.
Any suggestions?
Thanks!
I don't quite understand what your asking, but hopefully this will help. If you want it to go to an audio file when they click on an album than just put the URL to the mp3(or whatever format it is) into the XML. If you need it to play an external audio file than you will have to program that functionality in. The functionality could look somewhat like this:
//Sound Controller Functions
var mastervol:Sound = new Sound(this);
mastervol.onLoad = function() {
mastervol.start();
};
function playAudio(path:String) {
mastervol.loadSound(path,true);
mastervol.onSoundComplete = function() {
};
}
In short if you want some code to do something that it wasn't programmed to do in the first place you will need to reprogram it, its not going to be a simple built in setting. If you are not familiar with Actionscript than there are many developers to help you with coding it, just be expected to have a budget.
Hope this helps!
I have implemented this app on a music site however I am having issues with the links. Two questions:
1. Album Link - I cannot get the album links to work? what am I missing?
2. How can I set a target for the links?
Thanks in advance for your help.
Howard
Any suggestions?
Thanks :)
I have added this line to the code,
this.scrollBar._x = (Stage.width / 2) - (this.scrollBar._width / 2);
this.scrollBar._y = Stage.height - 120;
this.img_info._x = (Stage.width / 2) - (this.img_info._width / 2);
this.img_info._y = this.scrollBar._y - (this.img_info._height);
this will place scrollbar and caption into the middle of the stage and 120px from the bottom of the stage.
Now i need to include this gallery in another swf, but i need to mask it. I tried to give a mask on the layer, but it doesn't works. Anyone can help me?
basically he took the DistortImage class found here-
http://www.flashsandy.org/blog/distortimage-20-...
and hard coded the number of segments that the matrix had into it.
I'm not sure about the line numbers (around line 67 though), cause i've changed up a bunch of stuff, but find and replace the following
------------CODE-------------------
MovieClip.prototype.DistortImage = function(ptexture, vseg:Number, hseg:Number) {
if (ptexture instanceof BitmapData) {
this.texture = ptexture;
} else if (ptexture instanceof MovieClip) {
this.texture = new BitmapData(ptexture._width, ptexture._height, true, 0x00000000);
this.texture.draw(ptexture);
}
_vseg = vseg || segNum;
_hseg = hseg || segNum;
this._w = this.texture.width;
this._h = this.texture.height;
this._aMcs = [];
this._p = [];
this._tri = [];
this.init();
};
MovieClip.prototype.setTransform = function(x0:Number, y0:Number, x1:Number, y1:Number, x2:Number, y2:Number, x3:Number, y3:Number):Void {
this.dx30 = x3-x0;
this.dy30 = y3-y0;
this.dx21 = x2-x1;
this.dy21 = y2-y1;
for (var l in this._p) {
this.point = this._p[l];
var gx = (this.point.x-this._xMin)/this._w;
var gy = (this.point.y-this._yMin)/this._h;
var bx = x0+gy*(this.dx30);
var by = y0+gy*(this.dy30);
this.point.sx = bx+gx*((x1+gy*(this.dx21))-bx);
this.point.sy = by+gx*((y1+gy*(this.dy21))-by);
}
this.render();
};
MovieClip.prototype.init = function(Void):Void {
this._p = [];
this._tri = [];
this.w2 = this._w/2;
this.h2 = this._h/2;
this._xMin = this._yMin=0;
this._xMax = this._w;
this._yMax = this._h;
this._hsLen = this._w/(_hseg+1);
this._vsLen = this._h/(_vseg+1);
for (ix=0; ix<_hseg+2; ix++) {
for (iy=0; iy<_vseg+2; iy++) {
x = ix*this._hsLen;
y = iy*this._vsLen;
this._p.push({x:x, y:y, sx:x, sy:y});
}
}
for (ix=0; ix<_vseg+1; ix++) {
for (iy=0; iy<_hseg+1; iy++) {
this.p0 = this._p[iy+ix*(_hseg+2)];
this.p1 = this._p[iy+ix*(_hseg+2)+1];
this.p2 = this._p[iy+(ix+1)*(_hseg+2)];
this.addTriangle(this.p0, this.p1, this.p2);
this.p0 = this._p[iy+(ix+1)*(_vseg+2)+1];
this.p1 = this._p[iy+(ix+1)*(_vseg+2)];
this.p2 = this._p[iy+ix*(_vseg+2)+1];
this.addTriangle(this.p0, this.p1, this.p2);
}
}
this.render();
};
-----------/CODE----------------
and then, at the top with the rest of the vars, add
-----CODE----
var segNum:Number = 2;
-----/CODE----
The default is 1, but I bumped it up to 2 which still seems to run smooth. Another thing is noticed is if you make the angle less extreme with
var angle:Number
then you can bump up the segNum to 3 without much of a performance lag.
Hope this helps. :-)
I gratulate for this source !
I want to use it, but with put swf into. Is it possible ?
Thanks
Forget about the .swf !
If I want to replace the alpha filter with blur filter, how can I do ?
Sorry for my english and thank you very much for the help...
that's awesome, with the bitmap smooth turned on and the extra rendering segments I can get the covers looking pretty smooth without too much loss of performance. Thanks.
One way I got around the inital animation of the albums sliding in was to put a cover over the entire movie with a preloader, then just fade it out once all the covers were loaded and in position (I put mine in the loadNext function).
I'm looking for a way to place the images into the .FLA directly, without using XML. Let's say, 10 images or so...?
Anyone have any suggestions for the newb?
Thanks for any help!!
So that clicking on the band name, for instance, it would be able to launch a PowerPoint file instead of a web link as it's set by default?
In my basic and limited knowledge of AS, I would assume that would require a fscommand exec, but I can't get that to work.
Great work, thanks for sharing.
things i have done...crossdomain.xml in root in server... image links to url adress....xml file pointing to adress in fla.
I am using swobject to load it inside a wordpress page template to show my music releases...shows up fine, finds the XML file, shows all the info, but does not show the images.
could some one please explain a step by step setup for this thing? there doesn't really seem to be a step 1 do this step 2 do that on here...
many thanks
J
'turning on bitmapSmoothing?' Thank you much appreciated. My slides look better with Keith's code, but still not good enough....
On a more advanced/less likely note, is it possible for this to loop as a carousel. so If I have 5 items, after #5 I'll see #1, 2, etc, and so on as I move through (I'm no longer using the scrollbar, instead I have it scroll as you mouse over one side or the other)
Thanks,
Matt
var current:Number = 3;
I use 3 because I only have 7 covers. #3 is the center. I haven't had the need for it to work like a carousel, can't help you.
I NEED HELP WITH THE REFLECTION.. I NEED IT TO BE TRANSPARENT TO SHOW THE BACKGROUND PATTERNS... ANY IDEAS? PLEASE HELP.
Don't have an answer about the transparency though, sorry. And the carousel I believe to be impossible anyway :\ (With this code)
Thanks again,
Matt
PS: Wouldn't 4 be the middle?
1. How can I get it to activate a link when the emphasized image is clicked?
2. Is there a way to get the link to open in the same window?
What code do I have to change in order to use a differently sized scrollbar?
I do have a question. Can you make it so you can specify the location of the xml file? I think it's hardcoded now :(
Can you make it so you can specify where the xml is (the location and the filename).
for example in a flashvar?
Keep up the good work!
Sure - I had a problem where my cover images weren't so smooth when they were at an angle. Echopathy (a few comments back) kindly pointed out that you can turn on bitmap smoothing to make them less jagged (basically does what is says and forces the cover images to be smooth at any angle). It probably adds to your CPU useage but I found it really improved the overall look. Here's how:
For bitmap smoothing -
goto frame 2’s AS and find this function:
MovieClip.prototype.render = function(Void):Void {}
Within that function, change this line:
this.beginBitmapFill(this.texture,this.sM,false,false);
To this:
this.beginBitmapFill(this.texture,this.sM,false,true);
the scroll bar width can be modified here:
var scrollBarStop:Number = scrollBar.scroller._width + 49;
its at the very bottom of the action script in frame 2:
xmlData.load("../albuminfo.xml");
you could add this as a variable in the html, but you would still need to change the asction script
I've found that replaceing code and changing the segNum as suggested above works best. I've also found that straight lines seem to look much better with an odd number, such as 3 or 5.
thanks for the note - it was the intervals that were screwing me up.
you said:
"One way I got around the inital animation of the albums sliding in was to put a cover over the entire movie with a preloader, then just fade it out once all the covers were loaded and in position (I put mine in the loadNext function)."
but in the code the getNextHighestDepth is called often, so how do you keep your cover at thehighest depth level?
thanks for your help!
var fadeEdge:Number = 10;
if (this._x fadeEdge && this._x fadePoint - fadeDist) && (this._x = fadePoint - fadeEdge) {
this._alpha = 0;
} else {
this._alpha = 100;
}
var fadeEdge:Number = 10;
if (this._x fadeEdge && this._x fadePoint - fadeDist) && (this._x = fadePoint - fadeEdge) {
this._alpha = 0;
} else {
this._alpha = 100;
}
But I have a new problem. My cpu is going over 50%. Any tips to optimize?
My test:
http://www.partygek.nl/coverflow/iTunesAlbumArt...
i've worked on this coverflow for the last weeks and it worked out pretty well, there is just one issue that i'm not getting rid of.
I implemented the cpu fix:
if (loadedAll eq undefined || this.x eq undefined || Math.abs (this._x - this.x) > 1 )
{
this.setTransform (this.px1,this.py1,this.px2,this.py2,this.px3,this.py3,this.px4,this.py4);
}
and from this time on the last loaded pic is not beeing distorted at start. if i navigate trough the arrows or by click on one item the disort is applied correctly but i could not trigger a single distortion on the last image after it is loaded
here is a pic of what i'm talking about:
http://flashfreaks.de/lab/lala.jpg
i hope you guys can help me.
it only happens in the Browser, where my pics usually take longer than a few ms to load and if the starting animation has ended before the last picture is loaded.
thanks in advance.
mike
got an issue I hope you can help with.
I'm trying to use this to load in the images from another server, yes I'm aware of the crossdomain xml and this is setup to allow ALL domains to access the imagery.
However, the images are still not loading... any ideas as to what the issue could be?
Sample from my XML is :
http://i.ytimg.com/vi/PmQJRHdw7JI/3.jpg
Artist1
Greatest Hits
http://www.google.com
http://www.yahoo.com
hope you can help a rather confused man...
Thank you for amazing cover flow slideshow.
just one question.
Is there a way to specify a link for the actual image of the album? not just the artist and album name.
thanks in advance!
Thank you in advance from Cancun, Mex.
I just have one question, Can I make it bigger in the website, because i tried making bigger the pixels in the source, but i could not doit.
Regards
check out the 'list of fixes / changes' link under examples...
Thanks in advice.
I tried that, it doesn't work, just gets stuck on "Loading XML Data"
@EU - I just made the backgrounds black, it will appear transparent. Try it out.
I used the same code and it works for me so I can't say what your problem might be. It shouldn't have anything to do with how the xml loads....
How can I solve this? Maybe you didn't understand me or so did I.
if (current eq this.cid + 1) {
getURL(infostruc[current - 1].albumLink, "[TARGET]")
//Replace [TARGET] with an html target, such as _blank for a new window
//or even the name of an iframe (Thanks to reverboloip VIA AIM for the tip)
}
// Put the above code before the following line
current = this.cid + 1;
thanks in advance
@ EU, sorry I didn't understand that you wanted to extend the width, but if you don't change the width, just leave it as the standard size, then the black background should be fine.
you can see how it worked for me on: http://www.vawdas.co.za/rvbd/rv%20site/home.html
you can also try saving your images as png's with a transparent background, but I never tried it so I don't know if it will work.
you are both trying to make the main album cover be the same link as the album title yes?
Open the flash file, click on the second frame of the first layer that says 'actions' and open the actions pane. Then click on the code, hit control F to find this code:
current = this.cid + 1;
then paste the code above it:
if (current eq this.cid + 1) {
getURL(infostruc[current - 1].albumLink, “_blank“)
}
good luck!
Yes, I used png files with transparent backgrounds and it did not work.
What I want to do is use many images with different width.
Is there any way to change the value of the var: "frontCDWidth" using a 100% width of the original file? I mean, if I colud use such value, it will show the images with any kind of width without resizing them.
Many thanks for your script, very nice!!!
I just have a little problem:
I try to load only 3 pictures but the first isn't display...(but the info about the first cd is display)
Do you know a way to fix it?
Thanks!!!
Hi
Thanks for your help, but it really just isn't working for me, I did what you said, but I get a whole bunch of action script errors.
I've uploaded a screenshot for you to have a look at. http://www.vawdas.co.za/rvbd/picture%201.png
I've tried to fix some of them myself, like the quotation mark errors, but it still isn't working. I don't really know much about flash and action script
Can you tell me where I am going wrong?
thanks for your time...
Hi
I don't know how to change the width of the images.
what you want to do makes sense, but I don't know if it can be done.
sorry I couldn't be of more help.
raeesah
you would have to write your own custom code to make the slides of different widths, and I think that would get complicated pretty fast.
Thank you for this excellent piece of code!
I try to integrate it in Indexhibit, a small CMS solution, and was able to load the SWF (absolute pathes in the HTML code) but the XML can't be found however it's still in the same folder than the SWF.
Is there a way to define the path by a variable (e.g. ) or do I have to change it in the Flash file?
And: I just used the noscript HTML to integrate the SWF . Do I have an disadvantage if I do it without AC_RunActiveContent.js (for example lower perfomance)?
Thanks for your help!
Kind regards,
Cuno
very nice code!!!
I have problem like i want to use this vertical dimension.
Is there any way to use Flash iTunes Cover Flow vertically...
Please help me out.
it is very nice, however I think it would be very useful if there is actionscript3 version of it
I'm using the coverflow to dynamically change some content on my website, but i want it to be changed WHEN the next cover is in position...
EXAMPLE:
when i click on the next cover, i want to perform an ACTION, when that cover is completely on foreground and the coverflow is standing still...
Can ANYONE help me?
To fix it, change all (2 instances):
Math.abs(this._x - this.x) > 1
to
Math.abs(this._x - this.x) >= 0
[Just put an if statement when the album reaches its final position to send the command. Or just make a delayed call.]
I know that, but where en what if statement do i make? I can't figure it out!!
Now i've made a delayed call, that's working quite alright and lets my coverflow run smoothly...
I have a problem that has been mentioned several times before, but I couldn't find the solution for my situation.
Images are working perfectly when running the file locally from Flash 8. When running on the website the images are not showing (only see the 'loading..' message).
The images are located on the same server in the same folder as the swf.
Any ideas?
I am loading the coverflow into another movie clip as I do all my content. Problem is, you now have to click the link that loads the CF into that movieclip twice before anything will show. I also do NOT get any XML messages (XML Loading, etc.).
I am assuming that the images etc. are loading before the XML but I have tried many things and just don't know how to fix this. I'm no code warrior.
Here is the site, click on "portfolio" then "3D Artwork". www.dwmccullough.com/portfolio/
A fix would be much appreciated. Please be as precise as possible (or I'll just mess it up...LOL!)
If you moved stuff from the root of a flash piece and its calling the root you have to point it back at the data. Usually you can get away with locking the root, but most likely you are going to have to look for _root references and switch them out with this or _parent.
I love these people that ask for a "fix" to a problem they made. If it works and then you change it and it doesn't work, then you did something wrong. If you can't fix it then learn or have a programmer do it for you. Don't expect free code (except from Stephen I guess).
Yes I changed the root reference to include the MC that its loading into _root.contentArea
As far as your other comment:
Free code?
I guess your new at community info sharing. This is the way we all learn new things.
That or you're just a pretentious asshole.
Thanx again!
meike
Also, does anyone know about the encoding on on this? It does pass the euro symbol but doesn't seem to understand French characters even though I have encoded basic latin.
http://www.northpoint.org/messages
Click in the images in the Coverflow and you will see some additional info displayed below.
Any help with this would be great since I'm a noob at flash
Try Flash Coverflow Community Edition.
I have all files in the same folder as I download, if I take the html file outside the folder, the Coverflow stop working, I tried everything without succes.
Can someone explain step by step, please?
Thank you
is it possible to put a border around the images in the coverflow? could you make a suggestion how?
Best regards, Christian
Jamie
Thanks
First of all like everybody here, I want to say : GREAT JOB
I am aexperiencing some strange things though.
I have a hundred picture and when I passed the 5th one, there is some kind of clip that flashes on the right end side.
Can you tell me how to fix this ?
Thank you very much
var mc:MovieClip = loader.createEmptyMovieClip("gradient_mc", loader.getNextHighestDepth());
matrix = new Matrix();
matrix.createGradientBox(loader._width,loader._height,reflectionRotation / 180 * Math.PI,0,0);
mc.beginGradientFill(reflectionFillType,reflectionColors,reflectionAlphas,reflectionRatios,matrix,reflectionSpreadMethod,reflectionInterpolationMethod,reflectionFocalPointRatio);
mc.moveTo(0,0);
mc.lineTo(0,loader._height);
mc.lineTo(loader._width,loader._height);
mc.lineTo(loader._width,0);
mc.lineTo(0,0);
mc.endFill();
loader.art._alpha = reflectionAlpha;
loader.beginFill(reflectionBackgroundColour);
loader.moveTo(0,0);
loader.lineTo(0,loader._height);
loader.lineTo(loader._width,loader._height);
loader.lineTo(loader._width,0);
loader.lineTo(0,0);
loader.endFill();
this["_ref" + i].draw(loader);
Has anyone done anything like this before or have ideas how to execute this?
Any help would be GREATLY appreciated!
Thanks guys!
Chris
First of all I want to say THANK YOU FOR THIS GREAT FLASH :)
I am aexperiencing some strange things though.
I have a 30 pictures and when I passed the 7th one, there is some kind of clip that flashes on the right side.
Can you tell me how to fix this ?
Thank you very much
i now only have 2 pictures loading... but when the internet connection isn't fast enough, and the second image takes too long to load, it won't place correctly...
look at : http://www.melvmedia.com/work.html
Can you help me with that?
Seems that there should be an IF everything is loaded, place everything once more...
Where can i make that happen?
with the CS3 version, you have to change the line
var deleteMaxDistance:Number = 500;
with the line
var deleteMaxDistance:Number = Stage.width;
...and the problem will be fixed.
Bye
LM
PS: I made a check with the Flash 8 version.. :D
I was able to just comment out the entire function for it to stop the auto cycle.
thanks
I have 2 questions:
1-After about 20 slides, being passed with a "click" on the arrow, the flow will go passing every other picture. As an example: if I'm in the slide # 20 and click once on the arrow at the right, it will skip # 21 and stop in # 22.
How can I solve this issue?
2-The links on the cover, album name and artist name work fine in Firefox (MAC), but they won't work whatsoever in Safari (MAC)
How can I solve this?
Thank you for this gorgeous piece of code,
(Using the CS3 Community Edition, on MAC, Leopard 10.last version. Although working with flash, html and xml files is exactly the same as in Windows)
Aljan says:
July 31, 2008 at 2:30 am
Here is a simple solution to the dinamic size question (a.k.a showing covers proportional to their real sizes):
//Simply add just after
mc.onEnterFrame = function():Void {
//this:
frontCDWidth = this.texture.width;
frontCDHeight = this.texture.height;
shelveCDWidth = this.texture.width * 0.5;
shelveCDHeight = this.texture.height * 0.8;
//the “proportions” of the shelves (and even for the current front CD) can be set as variables instead of ad-hoc. All the above 4 variables are declared AND initialized to set values at the beginning ( var frontCDWidth:Number = 120; etc… ) but can be left just declared as the value is overridden (var frontCDWidth:Number; etc…)
Hope it helps!
I was wondering when I make the background white how do i make the reflections blend in?
Please help as i'm not a coder :( do i have to edit the flash file?
This is a fabulous piece
First, AWESOME code! Second, thanks for making it available and so much fun to play around with. Third, thanks to everyone who has put up suggestions and options.
I'm still playing, and I, too, am trying to do the "lightbox" type thing like ajay and others. Sjaak, you seem to have that part of it working fairly well - can you share your code for linking the big section to Coverflow?
I'm about to start trying to work that out, but if I don't have to reinvent the wheel, so much the better. What I can do is offer my advice for things I've already played with and figured out:
Mike - you do need to edit the Flash file. If you edit the actions in the second frame, you can customize all kinds of variables (in the top 60 lines or so). You'd want to set the three variables that are "0x000000" to "0xFFFFFF" for a white background.
Jay/Aljan - Awesome bit. I gave that a shot and it works like a champ, but some of my images were taller than others. To keep them all the same height but maintain their correct proportions, I replaced your lines of code with these:
frontCDWidth = frontCDHeight / this.texture.height * this.texture.width;
shelveCDWidth = shelveCDHeight / this.texture.height * this.texture.width * 0.5;
This makes them the height that you've set in the variables section, but makes them proportional and dynamically sized. I also eventually replaced the "0.5" with a variable that I declared up in the variables section for more control.
Malcolm - Jay/Aljan's solution (or my variation above) will dynamically solve what you're asking, but otherwise you can just change the "frontCDWidth", "frontCDHeight", "shelveCDHeight", and "shelveCDWidth" variables.
Mark - you want to play around in the section that starts "function controlTheObject(mc):Void {", before "mc.onEnterFrame = function():Void {". I haven't played with that a whole lot, but that's where you'd experiment.
eliel - you need to play with the same variables Mike was wondering about: reflectionBackgroundColour and the reflectionColors. You can also play with the reflectionAlphas and reflectionRatios.
Ricardo - you need to have everything in the same folder - the html file, the xml file, the swf file, the js file, and the jpg's.
Also, I felt like it made more sense to scroll to the right when I rolled the mouse wheel down, and left when I rolled up, so I swapped the commands under "myMO.onMouseWheel..." section - just flip-flopped the words "next" and "previous".
I hope that helps some folks.
I came across a strange problem with the itune widget. When I load images from an web service it is loading fine in swf and HTML with the all the images being called but when i take the same swf into an application setup it shows white in instead of loading the images. Don't know why? could any one help me out with the problem.
<?php
header("Content-Type: text/xml; charset=ISO-8859-1");
echo "";
$files = glob($_GET['dossier']."/*.jpg");
foreach ($files as $filename)
{
echo "";
echo "".$filename."";
echo "cie-ephata.com";
echo "2009";
echo "";
}
echo "";
?>
else i give the xml file in a var :
<embed src="diaporama-coverflow.swf" quality="high" bgcolor=#000000 pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="500" flashvars="fichierXML=glob.php?dossier=">
works nice. =)
Any idea why it doesn't work in Safari?
See my previous request: http://www.weberdesignlabs.com/blog/?p=11#comme...
Thank you very much,
http://d3v.clanhq.net/fifth/artists.html
var centerX:Number = Stage.width / 2;
var centerY:Number = 300;
Is there a way to keep the player from moving through all the images by itself? I am hoping to make it only move to the next image when the user scrolls through.
"add
mc.onRollOver = function():Void {
current = this.cid+1;
updateInfo();
}
before
mc.onEnterFrame = function():Void {"
for mouse navigation. but its a fast. any way i can slow it down?>
But... may I have 1 question?
How can I build a function to delete all the items of the gallerie... I tried several functions using removeMovieClip but none worked fine!
Indeed, this would be great to have a parameter (either using a button or a LocalConnection variable) to select a gallery!
Thanks a lot
Seb
Good work !
1- Can you convert it to as 3
2- and is there a way to make it continuous looping
Cheers
Stef
I have noticed that their seems to be a bug when only a small number images are in the xml file. For reconstructing purposes, I have left only 3 items in the xml file and changed the variable "current" to 1 and noticed the following.
on the original file, only 2 items will show but if 4 or more items are in the XML file then they all appeared. When I made the stage width wider then again the first image never appeared leading me to beleive that it has to do with stage width parameters.
I am trying to find a fix around this. Has anyone else encountered or found the reason why sometimes the first albu, doesn't appear and some times it appears at a lag?
thank you
getURL(infostruc[current - 1].albumLink, "_blank")
with:
getURL("javascript:LightboxDelegate('"+infostruc[this.cid].art+"','"+infostruc[this.cid].albumLink+"')");
If you find the bug write :-)
please anyone could help with the issue.
Thanks for the awesome iTune Cover. I have a problem loading images with www.yourdomain.com/ImageHandler.ashx?PK_Id=1139 some id, where www.yourdomain.com is an external domain not the same server. This is loaded from webservice generated xml file which has the Imageurl's. These images are loading when I run it within flash. but when I put the swf into an application which is asp.net based and mssql database driven I see white instead of the images. I have been trying hard from past one week to resolve this issue. I have also seen crossdomain policy and included the same in my local server but there is no cross domain file in the external domain. Without crossdomain file how could I load the images and run it in my application. Please help me with any related tutorial links or solution. I have gone through the forum but didn't find any solution for this kind of problem.
Thanks in advance...
Thank you
var deleteMaxDistance:Number = Stage.width;
change back to for example 500 and problem solved.
I'd really like it if you had a plugin to search through the comments on this post because I'm sure someone may already have discussed this issue.
I'm having a problem when trying to load a lot of items. The magic number is around 13-14. If I try to display anything above that, things really mess up. The items start flickering and navigation breaks down.
Can you (or the wonderful and helpful commentators here) help me out with this? I need to load somewhere around 60-70 items.
For me it's doesn't work, i named my iframe and i've remplaced this line:
getURL(infostruc[current-1].authLink, "_blank");
for
getURL(infostruc[current-1].authLink, "imageLoader");
can someone help me ?
Cheers
sorry to sound silly but all these codes you're talking about (example - comment by Ward above) copying and pasting, where do i paste these? In the xml, html or JS file?? sorry!
Also where do I go to edit the link target/source when you click on an image/text so that it takes you through the page itself rather than a new tab or window (_blank)? Also what is the code?
Thanks
* specify XML file through the embed/param using FlashVars (so its more flexible)
* fullscreen context menu
Hopefully they can make it to the next version.
Cheers,
v
First, I'm sorry for my English is very poor.
I was customization your "Flash iTunes Cover Flow - Version 2" to load Flickr JSON API and released it.
http://firegoby.theta.ne.jp/archives/149
If there is a problem, please point out.
I very appreciate in your work.
thanks!
Thx a ton for this flash! Question: i'd like to use TRANSPARENT png files...is this possible..and how?
thx, cheers, tric
var deleteMaxDistance:Number = Stage.width;
to
var deleteMaxDistance:Number = 500;
and it worked. Huzzah!
Is there any parameters which I am able to tune in the actions?
When i integrate this in my wordpress blog, i just get a message "undefined" right above the scrollbar while loading the page.
what am i doing wrong?
http://www.remotejr.com/
If anyone is interested in the modified source, let me know.
Did anyone find a code to build something like this?
(click the pics for additional info...)
Thanks!
http://www.northpoint.org/messages
(click the pictures for additional info)
Does anyone have any ideas?
Thanks.
Pratik, I'd like the modified source you're using, if you don't mind. I really am interested in the white background! thanks a lot!
I'm trying to convert it to as3, but can't find what the "goto" is refering to.I already checked all code , can't find a "goto" variable.
How can you traduce this to as3
Thanks for this great code !
i'm writing again it for who doens't still resolved:
- change font and color text > stephen already explained how to do it in this forum some pages behind.
- open the link in the same page instead of a new tab/window, fixed to, simply write "_self" instead of "_blank"
now i have another question: how i can link the image?? for better explain, i have disabled the link on the album and artist name, i want the link for opening another page of my site just on the image in center. i don't know where modifing the code, i've searched between the lines in wich there is "undefined", i try to modifing writing an htttp address but doesn't work. someone can help me? you can see my customed coverflow at http://www.glaucomarino.com/designstudio.html
thanx again to all the community.
I'll be happy to share once the port is complete. Thanks in advance!
i work with it in Flash CS4 and AC3. let me know if you want my copy.
Yes!, Please share your version with the community!
@Glauco
I for one would like a copy for CS4 and AC3, if you could post the fla that would be great.
Thanks
I also get the message
Error opening URL "file:///C|/Users/Unthugged/Desktop/Design%20stuff/Delivery/Website%20stuff/Emporium%20Delivery%20Proper%20site/Emporium%20Delivery/Virtualshop/./null"
Does anyone have any light to shed?
THANK YOU!!
i'll give you soon a link for downloading my customed version for CS4 and AC3.
@all the commnity
no one knows how to disable the link on the image? i still not resolve this.
read my post #29 May 3rd, 2009 at 07:32.
THANX.
http://rapidshare.com/files/229063989/iTunesCov...
THANK YOU.
in the fla, go to frame 2 actionscript line 365. Change "_blank" to "_self" and re-export your swf.
then in your xml files use javascript for your links like so:
javascript:window.open('http://asdf.com','','height=500,width=700'); void 0;
thank you very much John. please, can you explain me where i have to put the javascript in the XML? i tried to put it between the
javascript:window.open(’http://www.mysite.com’,”,’height=500,width=700′); void 0;
but doesn't work. for example, the XML is:
001.jpg
myname
http://www.mysite.com
where i have to put the javascript? THANK YOU.
sorry John, code written bad, my guilty. i repeat:
if the code is////// (artworkinfo)
(albuminfo)
(artLocation)001.jpg(/artLocation)
(artist)myname(/artist)
(albumName)(/albumName)
(artistLink>(/artistLink)
(albumLink)http://www.mysite.com(/albumLink)
(/albuminfo)
(/artworkinfo)
where i have to put the javascript? again THANX.
To disable the link on the image just comment it:
if (current == this.cid + 1) {
getURL(infostruc[current - 1].albumLink, "_blank")
}
To disable handcursor:
add the line above in mc.onEnterFrame function
this.useHandCursor = false;
Can you put your cs3 version in mediafire? Rapdshare put a limit in your account
sorry, i did'n understand well. what means "comment"? the "if (current)..." line is already so, about at line 359. thank you very much.
p.s. i'll put the version on mediafire, i'll post here the link:
function updateInfo():Void {
goto.text = current;
img_info.author = infostruc[current-1].auth;
img_info.album = infostruc[current-1].album;
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, "_self");
};
}
}
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, "_self");
};
}
}
//
This stuff is exactly what I was looking for... At least 90% of it :)
Nertheless, does someone knows how to delete the images of the flow... in order to re built it from an other xml file.
I know this question of deletion has already been asked, but I can't understand the answer and implement it!
Thanks a lot for your help
Seb
To disable the link on the image just do it:
// if (current == this.cid + 1) {
// getURL(infostruc[current - 1].albumLink, “_blank”)
// }
or
/*
if (current == this.cid + 1) {
getURL(infostruc[current - 1].albumLink, “_blank”)
}
*/
Put a comment (// or /* */), the link on image just works when you use getURL(infostruc[current - 1].albumLink, “_blank”) in function controlTheObject.
To remove de handcursor just put this line in begin on top mc.onEnterFrame function
mc.onEnterFrame = function():Void {
this.useHandCursor = false;
THANK YOU VERY MUCH!
now it works perfectly ;)
Basically what I want to do is have the first and last items acting as 'previous' and 'next' buttons to go to a different frame on the timeline.
I guess what i need to do is get the actionscript to do whatever is within and replacing that with the action I want it to perform?
here is the version on mediafire.
http://www.mediafire.com/?sharekey=b105230f9805...
You can use something like this source in scrollbar:
mouseListener = new Object();
mouseListener.onMouseWheel = function(delta) {
clip_mc._xscale += delta;
clip_mc._yscale += delta;
}
Mouse.addListener(mouseListener);
Read:
http://drawlogic.com/2007/05/13/mousewheel-even...
http://aendirect.com/articles/design/flash-how-...
http://livedocs.adobe.com/flash/9.0/main/wwhelp...
I can't open .fla file, recive a msg:
Unexpected file format.
I'm using flash cs3 in Window$.
gentil Rodrigo, creo que tu eres latino, entonces hablamos el tu idioma. no se porque te vas decir asi. el file es un normal .fla de CS4, solo que yo lo uso con el Mac. talvez es para esto que no trabaja. voy tentar de cargar de nuevo en el sito, vas ver si esta vuelta es bueno.
gracias por todo.
gentle Rodrigo, the file is a normal standard CS4 .FLA but i work with Mac OS, peraphs is for this reason that doesn't work for you. anyway i retry to upload, so if you want try another download and see if work this time. thanx for the mousewheel code, i'll try it soon.
i am using 5 images, scrollbar not working smoothly, while pressing scroller its jumping to x distance of 153px. for testing i am used >10 images scrollbar working smoothly.how to solve this problem
myMO.onMouseWheel = function(delta:Number):Void {
if (delta>0) {
next();
} else if (delta<=0) {
previous();
}
};
I'm newbie in this flash. 've downloaded it but i've got an error message:
"Unable to laod XML data."
Can somebody help me on this? Pleasee...
Thanks in advanced!
I must add a complete link in , how it's work?
Many thanks for help.
Is the text for the album cover readable by a screen reader?
If not, is there any possibility to display alt tags?
Thanks in advance.
Is there any way of changing the behaviour so that the covers are circeling seamlessly (like a carusell)?
I´m ready to get my hands dirty, just need a pointer where to start in this (pretty hardcore) AS ;-)
I've been using itunes gallery ver 1 for a while now, everything's great, i'd like to upgrade to ver2. what can i do to stop the play on mouse over? thanks alot
Thanks in advance!
you can put it in either artistLink or albumLink. For example:
(albumLink)javascript:window.open('http://test.com','name','height=500,width=700'); void 0;(/albumLink)
Yeah, i'm a brazilian guy. Sorry my bad english...
Wrong OS, can you create a Window$ version?
Its works here, but you need give a click in any image then try use mouse wheel.
I don't know why, you can create a onMouseWheel event to mc object to test.
I have swfs loading instead of images... the swfs have buttons inside of them but for some reason they're unclickable in the movie itself. If I just open the swf separate it is clickable.
Is there something getting in the way of that button within the code? Appreciate any help.
Gratz on repeat.
When I try the script I get "Unable to load XML data". How do i get it working?
You can pass the location of a xml file via flashvars. But you have to change the line that says (pretty much at the bottom of the AS):
xmlData.load("./albuminfo.xml");
to somthing like:
xmlData.load(NAME_OF_YOUR_FALSHVAR);
I have the same problem. Anybody?
I dont want it to open up in a full screen new window from the link
To allow the importing of transparent .png files. This would allow different sized items to be displayed (imagine having 200x200 transparent.pngs with different sized items within them).
The second upgrade would be to enable bitmap smoothing on the graphics.
If anyone has an idea on how to be able to import transparent png files and have the transparent areas show up as transparent please let me know.
is it possible to slow down the transition from one image to the next image? I have checked the vars and functions within the actionscript but I couldn't find a starting point.
Greets Marcus
is there a way that you can play music from it?
First of all, Great application , thank you very much.
One question.
Is there a way i can call a javascript function or something like that instead of just pointing to a url from the xml?. This is a very useful app with so many different kind of uses, im exited about it .
Thanks again!!!!
1. Can you disable the actual images from being navigable? In other words, I don't want to be able to click on the album images to cycle through them, I just want to use back/next arrows and/or a scrollbar.
2. Can you fade or shorten the reflection length?
3. Is there a way to have it only display a fixed number of images at once, regardless of how many total images there are? In other words, I want it to only display three at a time. One in the middle and one to each side.
Hopefully someone out there sees this....many thanks.
DBS
This will disable the images themselves from being navigable.
In frame 2 of the actions layer, locate the following function:
controlTheObject(mc)
disable this line of code: current = this.cid + 1;
This takes care of that problem, though the hand cursor will still show up as a button. I believe someone may have posted a fix for that previousy.
If anyone can tackle my other questions, I'd be grateful.
Cheers!
DBS
Thanks alot or the script.
Can anyone please help me with something?
I was wondering if there is a way to have the images without the white background showing. Basically i want some images with a transparency but instead it shows a white background. I am using PNG and GIF formats for this but it doesn't seem to work.
Alot of people have asked about this and i went through all the 19 pages of this post but looks like no one was able to come up with a solution. I will be very very grateful if someone can help with this.
I am facing the problem in flash coverflow. when i am writing text on the image with the help of photoshop after loading coverflow, text are not displaying properly..
Can anyone tell me the solution.....
I was looking for the same thing. Did anyone figure this out?
Hmm my last post didnt end up here.. But change the following variables to the value shown
var reflectionBackgroundColour:Number = 0xffffff;
var reflectionColors:Array = [0xffffff, 0xffffff];
And then also change the background of the project to white..
Thanks a lot.
You probably just have a really old version of Flash. I think if the FLA was corrupted then there wouldn't be over 15,000 downloads and all these comments talking about how to change the functionality. Check your Flash version and download the correct file for your version of Flash. If you don't have that version then download a trial of the correct flash and save it down to your version. Any other comments like these will be deleted.
var autoNextP:Number = 0;
The auto scroll, continues...
THE FIX:
find the line:
autoNext = setInterval(interNext,autoNextTime*1000);
REPLACE IT BY:
if(autoNextP) autoNext = setInterval(interNext,autoNextTime*1000);
Done!
Great script! highly customizable! GREAT GREAT JOB!!
This is really impressive! one issue
I am facing the problem in flash coverflow. when i am writing text on the image with the help of photoshop after loading coverflow, text are not displaying properly.. the text looks really choppy.the reflection actually looks better than the actual slides. Is there a way to set smoothing?
I found this code that might help I'm just not skilled enough to implement it. It is from an external as file
import flash.display.BitmapData; //import the BitmapData class
class Smooth {
private var bmd:BitmapData; // the BitmapData instance that will smooth the image
public function Smooth(copy:MovieClip) { // copy is the movieclip that holds the dynamic image that will get smoothed
bmd = new BitmapData(copy._width, copy._height, true, 0); // create the instance to the right dimensions
bmd.draw(copy); // copy the image into the instance
copy.unloadMovie(); // unload the original movie
copy.attachBitmap(bmd, 0, "auto", true); // attach the bmd instance and apply smoothing
}
}
Then this is from the fla file:
var image:String = "http://www.wallpaperbase.com/wallpapers/celebs/hilaryswank/hilary_swank_3.jpg";
var holder:MovieClip = this.createEmptyMovieClip("holder", this.getNextHighestDepth());
var mcl_L:Object = new Object();
mcl_L.onLoadInit = function() {
new Smooth(holder);
holder._rotation = 25;
};
var mcl:MovieClipLoader = new MovieClipLoader();
mcl.addListener(mcl_L);
mcl.loadClip(image, holder);
Have a slight problem, it works a dream in Firefox but after trying it in IE7 I get nothing but a white background. I have looked through the comments and apologise if i've missed an answer but I just wondered if anyone has had the same problem and sorted it out because I can't seem too whatever I try.
Many thanks
I am using this flash file on a site and I needed to change the images order.
So I changed the images names and there order in the xml file.
When I run the flash file in Flash it is fine, but in the browser, the images do not refresh. The image that was called 01.jpg is now 04.jpg but in the browser it still see it as 01.jpg.
I tried adding ?x=1 to the embedded tags in the html, I tried changing the fla/swf file names nothing helps.
Can someone please help me with this problem?
I managed to make the swf file see the new xml file, but the swf itself, does not refresh.
Please, please help.
Thank you,
Sigal
are you viewing swf locally or online?
@Sigal
clear your browser's cache.
great script, thanks a lot. i figured out how to change the colour of the reflection from dark to light; however, i don't know how to change the colour of the text (album title, song title). where can i do that?
thanks!
ingo
I think I got a little fix for the on/off switch of the coverflow cycling (because it didn't want to go Off :-)
I know it can be shorter and stuff, but it was just a quick try.
Hope it helped!
// Edit by Paul, tieftaucha, Lunis Neko
// autoNextP defines whether or not the flash movie automatically cycles through all CD covers
// autoNextP = 1 for on, 0 for off.
var autoNextP:Number = 0; //0 = cycling OFF ; 1 = cycling ON
// How long in seconds autoNext will wait to move
var autoNextTime:Number = 8
var autoDirect:Number = 1;
autoNext = setInterval(interNext,autoNextTime*1000);
function interNext():Void {
if (autoDirect == 1) {
if (autoNextP == 1) { //edited by Snooms
next();
} //edited by Snooms
} else if (autoDirect == 0) {
if (autoNextP == 1) { //edited by Snooms
previous();
} //edited by Snooms
}
}
Thanks :)
Thanks a lot! It is a great script!!!
I wanted to see how the swf worked online and all i get is "unable to load XML data"
I already cleaned my browsers cache. What is wrong that I can`t see the swf running online?
Thanks!
you actually have to open up the fla file and edit the on line 577
xmlData.load("./albuminfo.xml");
did you upload xml file in right directory, if not modify code on line 577
i understand that my comment maybe essentially duplicates entries. but please could you help me out with a dropped movie clip instance or dropped image.
i been searching through comments like crazy, for solution. here and there pick up pieces. but nothing successful.
could you guys at least give me a link to a comment that talks about this issue clearly?
in my case when i load xml file to original script for this cover flow, first item of xml file is not loaded, and this happens if my xml file has 3 items in it or less.
same thing happens when i work with modified version of the script, where my images are bigger in size, and any xml file with less then 9 items in it, cover flow doesn't load first item of the xml file, image wise. Content is loaded.
Please if solution exists, please give me a link.
I took a look at line 577 and I did upload the xml file in the right directory. The real problem is that I get to see the swf from flash (ctrl+enter). But when I want to see it online, when I put the swf in a html and I try to see it in my browser. There is where the message “unable to load XML data” appears.
I am really new at working with xml and flash. I don know if I have to do something else to get to run it in a html.
Thanks for everything!
I have the same problem like GnrlBzik and I have searched through all the comments and there is a lot of other people describing the same problem and no working solution!!!
Is there nobody out there who has fixed that one??? I think it's really very important to fix it. I have searched through the code for hours and I can't find any solution. Can anybody please help?
Cheers!
YEAH! Finally found the solution:
Set the values "deleteMinDistance" and "deleteMaxDistance" to 0:
var deleteMinDistance:Number = 0;
var deleteMaxDistance:Number = 0;
I have no idea for what these values are used but it works. I have tried it with one to ten images as well as with 40 images and I can not see any negative effect.
Maybe somebody can explain what these values are for and if setting them to 0 can have any negative effects?
earl you are the greatest, cause i just was about to dive into code, and started to recode this entire coverflow.
of course i do not know how and what else will be effected at this point. hopefully this will be fire proof.
So THE BUG FIXES as following:
Thanks to earl
- to fix dropped images, the easiest way is to modify settings.
Set the values “deleteMinDistance” and “deleteMaxDistance” to 0:
var deleteMinDistance:Number = 0;
var deleteMaxDistance:Number = 0;
Thanks to gnrl
earl you are the greatest, cause i just was about to dive into code, and started to recode this entire coverflow.
of course i do not know how and what else will be effected at this point. hopefully this will be fire proof.
So THE BUG FIXES as following:
Thanks to earl
- to fix dropped images, the easiest way is to modify settings.
- Set the values “deleteMinDistance” and “deleteMaxDistance” to 0:
- var deleteMinDistance:Number = 0;
- var deleteMaxDistance:Number = 0;
Thanks to gnrlbzik
- to fix top and bottom skewed and jugged edges angles toward opposite way from the your scroll direciton
- Set the value of “angle:Number” to less then 4:
- var angle:Number = 3; // 8 is original value of angle variable
so let me put it this way.
lets say you uploaded .swf file and xml file into sub directory of your root folder that host index file of your website.
flash movie then loaded into your index html file. now although that flash file is taken from the same sub directory as your xml file is. That swf flash file is rendered in index html file that is located in parent folder of child folder that hosts your xml file.
the thing is, your swf movie references to xml file not from where swf file was originally taken but based on location of the html file in which that swf movie is rendered.
so if root/index.html renders .swf movie
but your .swf and .xml files are located here
root/lib/movie.swf
root/lib/images.xml
for this to work properly you will need to set your relative path to following in swf's action script:
root/lib/images.xml and not just images.xml, because images.xml is located in separate sub folder from where the actual html file located at.
HOPE THIS HELPS.
However, I am looking for a way to use it in different places without copying the movie. The way I mean to use it is:
for different artists I want to show their covers in the coverflow. For this, I have to generate a xml-file per artist.
Is there a way to do this? Can we pass the xml to the movie dynamically?
p.s.
If you change the value of the xml file from ./albuminfo.xml to albuminfo.xml in the .fla, then it will also run locally.
And also there is a small bug in the auto next functionality. This can be solved quite easily by changing line 62 in:
if (autoNextP == 1)
{
autoNext = setInterval(interNext,autoNextTime*1000);
}
Great job!
Keep up the good work.
Thank you
not to be an aHole, but this is general html and embedding question, w3school site will help you out on that.
When I want to open the SWF file, it shows the error message "Unable to Load XML Data". Who can help me? Greeting
I've looked over the 20 pages of comments, but I still couldn't find a solution to my problem:
I use 200x265 images for album art and the reflections look ok, but the covers NOT. They brake apart like it were made up from 4 segments each. The effect looks horrible and I can't get my head around it.
Also, is there a way to fade the reflections in a gradient?
First of all, I wanted to thank you for all the help you've given me.
I did exactly what you said, and now I get to see the swf in my html. Althought, the images do not appear. I can see the cover flow animation but not the images. All I can see is a square that says loading instead of the images.
What can I do? Thanks again for your help!
This is maybe a question that deviates a little from the coverflow code, I don't know.
I implemented the coverflow into my site and wanted to load different XML content through PHP.
The result is now the same as when I use a .xml, but now I've made a PHP file of the XML with just strings in it.
I want change the xml (php) content through a simple link on my site, but the only thing I can come up with is to link to the xml with attributes ($_GET(variable)) but I can't go back to the page with the link then.
Do I have to create code in the flash file to make this work??
Thanks!
I would like to add a small 1px colored border around the covers. can anyboy help me/give me a hint where/how i can do that?
The Flash internal "Glow" Filter for the Covers would also be great! ...but my Actionscript knowledge isn't really good enough i think..;(
thank's for great scripts. i can we make it automatic slide also.
Firsty thanks for the great code works really well! But..
One problem i think no one has noticed -
If you have 5 or less covers and click outside of the flash, when you click back on the covers or scroll bar it will constantly fight against the mouse and keeps returning to the left of the scroll bar.
Anyone have any ideas?
Thanks
Tom.
directly into the FLA. into the clip nommed : img_info
In the fla file, find the movie clip called something like albuminfo_mc. Edit this and you will have the option to set whatever font you desire.
What about this mod...instead of the album artwork linking to another website, what about the ability to change a div below the movie?
For example, a user clicks on the "album artwork" image of Picasso, and a div below changes to reveal bio info about Picasso. Then a user could navigate to an image of Cezanne, and that div then changes to bio info about Cezanne.
Maybe some modification to this statement:
// Edit by Zack Gildersleeve
// Make front album clickable
// opens albumLink in _blank
if (current == this.cid + 1) {
getURL(infostruc[current - 1].albumLink, "_blank")
}
current = this.cid + 1;
updateInfo();
but "_blank" would be ?????
Can i ask how do remove the whole movie clip if i got to go to the next frame when i click on a button?
To modify the script to alter a div instead of open a URL, all you'll need to do is remove every reference of "_blank". By itself this will just prevent the URL from opening in a new window, but once you've done that you can specify a javascript URL in your XML document, for example, changing:
/picasso.html
to
javascript:myJSFunctionToChangeDiv("picasso")
This will execute the JavaScript rather than opening a URL.
www.domain.com/flashPage.html and
fileserver.domain.com/images/... [images kept here]
I have set up fileserver.domain.com/crossdomain.xml with:
allow-access-from domain="*"
which should allow access from any domain. The only thing I see, however is a white background fill in place of the image. In the same XML file I'm specifying images on the remote domain as well as the same domain (the domain hosting the .swf). The images on the same domain load fine, whereas the remote images all fail.
Looking at the 'policyfiles.txt' log I see:
OK: Root-level SWF loaded: http://domain.com/path/to/the_loaded.swf?some_q... I added
OK: Policy file accepted: http://files.domain.com/crossdomain.xml
OK: Searching for in policy files to authorize data loading from resource at http://files.domain.com/images/test_image.png by requestor from http://domain.com/path/to/the_loaded.swf?some_q... I added
Interesting that it shows the search started but no log indicates that permission was granted or denied.
Loading from a remote domain is a must for this project. Any insightat all anyone can offer would be a tremendous help.
Thanks.
System.security.loadPolicyFile("http://fileserver.domain.com/crossdomain.xml");
Also, apologies for a few typos in my previous post (e.g. referencing "files.domain" when I originally said "fileserver.domain") I was in a bit of a rush & hope I didn't confuse anyone.
Please
how to make the list is infinite (never last picture)?
Thanks.
Thanks
Stevens
I have downloaded the latest version and its working fine.
Thanks a lot.
It keeps saying "Unable to load XML data".
I've tried every embed code on on the internet.
Does this file just not work on myspace? There's got to be a way!
Please help.
Thank you,
Les
Victoria go to line 577 like GnrlBzik was saying and type the actual URL to where you uploaded albuminfo.xml - Then republish the .swf file and upload it into the same folder you have albuminfo.xml
The only problem I'm having now is that it's not loading the images properly :( I thought that would be the easy part.
All my images are loaded in the same directory as albuminfo.xml and iTunesAlbumArt.swf
Do I have to edit something again in the .fla file?
Please help.
Thanks again!
Les
I put the URL to where my pictures are uploaded between and .
It looks like this...
http://www.lesfrancoeur.com/thatswildmedia/albu...
Chris Marsol
Butterflies Lipstick & Hand Grenades
http://www.myspace.com/chrismarsol
http://www.myspace.com/chrismarsol
I just cannot get the pictures to show up. It just keeps saying loading...
Do I have to do anything else?
Thanks again,
Les
If you are hosting the images on a server other than the one the flash file is being displayed on then you need to use a crossdomain.xml to let the flash file read from that remote server. Its a common flash security issue that comes up a lot. I am sure its in the comments. Make sure to check the comments before asking questions.
Here is where you can get more info on the xml.
http://kb2.adobe.com/cps/142/tn_14213.html
Good luck.
Thanks for getting back!
Unfortunately, or fortunately, I am not hosting my images on a server other then the one the flash file is on so I should not need to use a crossdomain.xml
I did see that note at the top of this page...
My problem is that the images are not displaying when all the files reside on the same server :(
I changed the XML document as I mentioned in my post above to point to the URL where my images are located.
When I try to test it while still in flash it doesn't work and I get this error...
Error opening URL 'file:///LES/Users/lesfrancoeur/Downloads/itunesAlbumArt%5FCS3%5FCommunity%5FEdition/./http://www.lesfrancoeur.com/thatswildmedia/album1.jpg'
And that goes for all 10 pictures.
I think I've narrowed it down that it has to be a simple flash problem I have to fix in the .fla and .swf file.
Any other ideas?
Please help.
Thanks!
Les
I just have a quick question about this new version... which is great, but I was wondering on how to turn off the "auto-scroll". It wasn't present in the first version and thats how I wanted to keep it. But other then that this version is prefect.
Is there anyway to not have the auto scroll?
Thanks for this awesome .swf file,
Jamie
I'm sorry, I don't have the answer to your question but I'm wondering if you could answer my question about the images not showing up.
You're the only one that's been on here all day (except for Stephen) and I've been trying to get this to work for just that long.
It seems I have everything working but the images just say "loading".
Sucks. I just can't figure it out.
Any help would be appreciated.
Thanks!
Les
@Jamie - Look at the code, look at the comments. There are more than enough comments on this particular subject. In the code there is an interval, which is basically a timer. It tells to go to the next item every so often. Look for "setInterval" and comment them out until it stops. Its as easy as that.
@Les - Your somewhat hopeless as well. You are complaining about putting free code on a myspace. The drudge of all webdesign. Stephen's suggestion was right on. You should read that again or read the comments like your friend Jamie. I will try one more time so Stephen doesn't have to.
IF YOU ARE LOADING IMAGES FROM A DOMAIN OTHER THAN THE ONE THE SWF FILE IS BEING HOSTED ON (in this case myspace). THEN YOU NEED A CROSSDOMAIN.XML FILE ON THE SERVER HOLDING THE IMAGES.
The crossdomain.xml file tells Flash that its allowed to grab the images and show them. It is to keep people from stealing images from websites with flash.
READ THE COMMENTS!
You're actually kind of a jerk (I should have known by the screen name, especially since you spelled hopefully wrong, not too smart).
However, I do appreciate you trying to help me and explaining again in all capital letters what Stephan has already said but it still doesn't answer my question.
The way I understand it is, the swf file is not being hosted on myspace, it's being hosted on my server at godaddy. ALL the files are in a folder on my host at godaddy. When someone goes to my page on myspace and the iTunes Cover Flow is displayed, it is accessing the swf on my server at godaddy. The swf is looking for images in the same folder as itself because I specified this in the XML document. For some reason, and I know it's a small thing that I'm doing wrong or overlooking, but for some reason I can't get the images to display.
I have read every single comment and have downloaded the pdf of past comments. I still can't figure out why this is happening.
Regarding coming on here asking for free help on free code, that's not something I try to do or even want to do (because every now and then you run into jerks that think they know everything).
I'm very willing to pay anyone who wants to help me with this.
I can usually figure this kind of thing out very easily myself but for whatever reason I'm really stuck on this. I know it's something extremely simple but I'm just not sure what it is.
I will try the crossdomain.xml file as suggested but I was thinking that because my files are all in the same folder on the same server that I would not need this. But I will try it.
Thanks again Stephen,
I really appreciate you developing this, it's really going to be great on my page and I'm just excited to get it working.
I will go try the crossdomain.xml file now. I'm sure that will be the answer.
Thanks again,
Les
Any suggestions?
I posted this on the discussion for the original version of this code but it looks like this thread is getting more action...
Had the idea of having the current cover be in color but have the background covers in black and white. Looks great in Photoshop mockups. Really makes the current cover pop.
Any thoughts on how to accomplish this? Would be great to be able to do it in code with some kind of saturation function vs having two separate versions of each album image, but if I have to go that route I will.
Thanks in advance for any ideas!
Please contact me at lesfrancoeur@gmail.com
Thanks!
Les
I'm a newbie in Flash, but I managed to pass variables to it through PHP. Not quiet amazing you think, but hey it was my first time :-)
I was wondering if there's a way to resize the front (selected) image.
Otherwise when an image is e.g. portrait size, it will be stretched to a square and that's not really nice.
So I was thinking to set a fixed width or height, depending on which is largest, but I don't know how I manage this :-(
Anyone has an idea ??
It would help me very much
Thanks
Is there a way to resize the selected image dynamically when displaying? (PHP or in flash or ...)
Because when I have a portrait or landscape image now, it's stretched to a square and I accually want the image to appear as is (but with with a fixed height or width (depending on landscape or portrait))
Is there anyone that can help me out here?
Thanks!
Could you help me, How do I to delete shadow of image ?
How can this be?
Thanks!
Very good script, I understand the code, and I can even customize the sizes, add nodes to the xml, etc. Everything is working great, except if I have 3 or less images in the XML, then the first album art does not show. I tried it with my modified code as well as with the original, and it does the same thing. Can't figure this one out.
init function second for loop the declaration must be as follows...
for (var i:Number = count=0; count<Stage.width-(centerDistance*2); count += shelveCDSpacing, i++) {
Thanks for Example.
I have a question:
Can I put this example in a commercial site ?
Thanks for sharing
I used PHP to create an XML formatted file with 20-records at a time, drawing from a master XML file of hundreds of items. Basically, this means I enabled pagination. Is this what you are looking for? You could even use MySQL as a backend and populate the "XML" file with that. Let me know if this is what you're looking for and I'll provide some examples...I have it enabled at 26olivestreet.com/coverflow/sold.php to display items that I have sold on my etsy shop.
for example, I have 15 covers and when I first open the file i'd like the 7th or 8th one to be in the centre so there are equal covers either side.
hope that makes sense!
Yes that makes sense!
you can do that changing the value of "var:current".
By default, it's 1. In your case, please change to 7 or 8.
However, you have to fix the bug posted by FlashInspired, before :
FlashInspired says:
July 30, 2009 at 1:54 pm
I found the issue with the bug I just posted.
init function second for loop the declaration must be as follows…
for (var i:Number = count=0; count<Stage.width-(centerDistance*2); count += shelveCDSpacing, i++) {
I think this script is simple and beautiful and would like to know how to implement this in a SMF's TinyPortal block.
Can anyone point me how to this?
Thanks in advance!
To start in "middle" of album list, I added the following in mc.onInit behind the following lines
infostruc[this.number].loaded = true;
target._parent.removeMovieClip();
// edit by DB Conner
if (infostruc.length > 1) {
current = Math.round(infostruc.length/2);
}
Naturally, this would be better as a setting ie: currentStartPosition
...there is a small bug in the auto next functionality. This can be solved quite easily by changing line 62:
if (autoNextP == 1)
{
autoNext = setInterval(interNext,autoNextTime*1000);
}
P.S. After this fix the hints/comments in the code work perfectly (e.g. 0=no advance).
Seems there was more to it than "reading" as "Hopefully Smarter Than You" said.
Cheers to all!
If anybody can offer any assistance with code / examples / Javascript etc it would be appreciated.
Really loving figuring out what CoverFlow can do, but this is pretty much my last stumbling block as to what I'm looking for.
Thanks,
Paul.
:)
I was taking a look at the code, and i would like to know how can i remover the cover reflects.
It looks really slick with them, but i would like to test the cover flow effect with a background image.
Can you tell me how to remove the reflects from the album covers?
I would like to mod this to a carrousel (if the last new pic from xml was loaded it just begins with the first pic of the xml) and this for an endless loop.
Is there a chance to mod this with a simple code change?
Thanks,
bax
Great work! Is this new version done with AS3 or still with AS2. If the latter, does anyone know where there is an AS3 version? Thanks.
>FP
I can implement changing a DIV tag via a standard HTML reference:
here
This works fine, but can not for the life in me seem to get:
javascript:ajaxpage('http://www.google.co.uk/', 'contentarea')
javascript:ajaxpage('http://www.google.co.uk/', 'contentarea')
to work within the .xml file.
I've removed any reference in the ActionScript to _blank and left it with the speech "" marks.
Can anybody offer any suggestions as to where I'm going wrong ?
Thanks,
Paul.
here
Paul.
you get the idea... the a href=... work fine.
Paul.
When I display the script with less than 10 images, I get Loading Placeholder Images.
So If I have 3 of my images, there are 7 Loading images.
For this application, I will never have more than 5 images in the cover flow, and I obviously don't want 5 placeholder images in there.
Any solutions?
This is a fantastic file.
Thanks in advance.
Thanks for your code DB Conner, it works great!
thanks-
How do I make the photos bigger?
Thanks
THe file is just great and can easily be customized, which is just great. But why does the file open to browsers when clicking an albumcover? How can this be changed?
Thanks
1st - thank you for that great peace of Software!
I do have an Quality issue. I have lines drawn in the images and the get kinked a bit. is there are chance to change the aliasing to the max qualitiy?
@ sidney - Line 20-21 in AS code
@ FP - just move the textboxes in flash
@ senti - check the XML! maybe there is a "/" missing or something else!
love the work
trev
A bug(?) though: PNGs display perfectly as reflections, but appear with a square white background as actual album covers.
I'll post a fix if I work one out, but til then... huh?
I am totally new to falsh.
Great coverflow. I have an issue that is driving me crazy. The coverflow works great while I'm testing it inside of flash but when I throw it on a server, the images do not render. I get white panels where the images should be. everything else works fine i can even move thru the different panels, the album info displays and everything, just no images. I'm pulling the images from a different domain but I have added System.security.allowDomain("*"); & System.security.allowInsecureDomain("*"); which allows the images to load at least locally or while testing it in flash but not when pulling it from a server. Any ideas? Is there any known issues with bitmap data and crossdomains that you know of and more importantly HOW CAN I MAKE IT WORK.
much appreciated - FP
How can I control were the targets of the link is displayed? I would want it in a div and not in a new tab.
1 thing - I have autoNext turned on to cycle through my images however when it gets to the last one how can I get it to scroll right back to the start, or better yet - have it start cycling backwards?
http://www.bokcenter.com/index.asp? Their coverflow begins to motion through their covers as soon as it loads.
http://bit.ly/Bv4BF
Right now it's only possible to click on the center album to open the link assigned in the xml file.
Is it possible to open the corresponding links directly when clicking on a non-center album?
It's kind of a drag(in my nav system) first clicking on an album to center it, and then clicking it again to go to the link.
How can I get the links to open in the same window (_self)?
Thanks
resizing the image container and using the script with bigger images leads to a bug with the front image view. It looks like it was stretched on the left and right side to a different height although it is the same image.
anybody knows about this issue or how to fix this?
thanks and regards
Did you find a solution ?
Stephen, maybe you can help us to understand this problem ? Thx !
Where do I have to start to read the information from a directory instead of the XML?
I mean something like this: "Read every *.jpg in c:\temp and show it"
(In this first step without the additional information like <albumName> or the Links)
I have define the size of CD width CD height in 300px*300px
Ad when I am using 300*200 px image in png format. Its showing good but when I am using the Image in 150*300 px png Image. Its stretch the image size in 300*300px.
I want to use the image without exact proportion of defined size. I want to use my default size of my image.
What should I do ???
Thanks in Advance.
thanks in advance
Ive changed the background from Black to White, but don't see a setting to change the text from White to Black?
What's the issue with not being able to link outside of your domain?
Mike
You can link outside of your domain, but you cannot pull in photos outside of your domain for Flash security concerns. There are many ways around this though.
Thanks so much for this, I just wanted to ask if its possible to add a loading progress bar to each of the album art? Currently it just displays "LOADING", can this be changed to a loading progress bar? I tired it but couldn't do it myself, I was wondering if any one can help out.
Thanks
Stevens
Thanks again
Stevens
I modified your script to display bigger images and I modified also the properties to show your coverflow in the center of the page.
But when I display it in a fit to screen window of my navigator there is a bug.
Indeed, the secondary images (in perspective) are on the foreground and come in front of the main album illustration.
Does anybody knows how to fix this?
Thx !
"Error opening URL "file:///C|/DOCUME%7E1/KIMBER%7E1/LOCALS%7E1/Temp/Temporary%20Directory%202%20for%20itunesAlbumArt%5FFlash8%5FCommunity%5FEdition.zip/itunesAlbumArt%5FCS3%5FCommunity%5FEdition/./albuminfo.xml"
I changed the value of autoNextP to 1, but I can't see any auto cycling through the covers, what am I doing wrong?
thanx
I have 2 questions.
How can I play a certain frame or load a swf when clicking on the album cover?
Why do the images not load when opening the swf? They only load when I open the html file.
thx
Sorry, I'm not quite good at Flash. What exactly do I have to write for the getURL row?
getURL(infostruc[current-1].albumLink, "_blank");
to:
_root.loadMovie(infostruc[current - 1].albumLink );
I also changed the links in the xml to the swfs I want to load. The swfs are in the same folder as the flash file. Now when I click at the album cover all covers disapear and I only see the black background. The output says: Error opening URL.
What am I doing wrong?
I have verified the XML is working correctly. Is this a problem anyone is experiencing or did I make a mistake when trying to configure the Flow Cover?
I appreciate the help.
I installed your Coverflow, it is ok on all browser, but Firefox for Mac is not supported.
The images can't loading...
can you help me please?
Thank's
sorry for hte bad english, 1 am a french people
very nice :-) I really like it. I have a quick question. I changed the background color in flash to white, the html color to white and it worked fine. the only small detail is the reflection. Its still geared towards a black background and I think softer light grey to white gradient would make it seem more natural. Can you point me in the right direction or any tips?
Many thanks in advance :-)
var reflectionColors:Array = [0x000000, 0x000000];
maybe this variation will work for you:
var reflectionColors:Array = [0x000000, 0xffffff];
Do you think it would be possible to make a coverflow similar to the two front row style views:
1. The circular rotating images on the main menu of front row
2. the inline cover flow in the movie section or photographs, with images flowing in a line towards you
all of the above based on a menu option and click rather than a scroll bar or both..
and if so would you be willing to make it as a payed development?
how easy would it be to add some more descriptive, longer text HTML text beneath the scroll bar so you could have content relating to each album and more info.
thanks
how can I set a new Target for the links. Now it is _blank. Kann I handle it with an iframe name?
Cucu
Al
var reflectionRatios:Array[0, 255];
I want the reflection images to fade out fully about a 1/3 of the way down the image
I would like to know how can i use special characters like ç, á, í etc.
I chose only the latin languages (i even tried the "All" option...) in the "Embed..." part of the script, but to no avail...
Any help would be appreciated.
Thanks.
First sorry about my english, it's very poor,and my knowing in flash too....
Thanks a lot for your code, great
I'm trying to use the image like a button or a menu, you know?
And open a window with text and a "sexy" scrollbar
I try harder but.....nothing
Can you help me?
Just another thing: the script don't work with Mac and Firefox, what can i do?
Thanks a lot and congratulation for your work
First off all, what a smart piece of beautifull software!
I'm trying to adjust the smoothing option for the album cover because it is very distorted when turned.
in line 198 (this.beginBitmapFill(this.texture,this.sM,false,true);) the smoothing is handled. I guess that the first false is for the upper album cover and the second true is for the reflection. But when I set them from false to tru or the other way around, nothing happens.
Who can give me some directions?
Greetings, Ludo Schenkel-Timp.
Thank you
artLoader.loadClip("./"+infostruc[num].art,newLoad.art);
to
artLoader.loadClip(infostruc[num].art,newLoad.art);
:)
I am trying to use it for a website. I want the album covers to turn around, when you click them and show some informations on their back. So far I've managed to turn the covers, but I have no idea how to tell the reflections to do the same. I don't know how to adress them. Can anybody help me?
Thank you!
I have a problem with the links. If there is no link info in the xml file it still tries to to go an undefined.html page. Does anyone know how to fix that?
does anybody know a songlist extension (like in iphone/ipod) to the code?
Weird.
I want to run an index.php file from the main directory and have it use the XML directory where the .swf file is at, I get blanks if I do this, what do I do?
Last week I posted a mesage that i'm struggling with the smoothing option of the cover.
Now, a week later, I still didn't crack it.
I cant find where to enable the smoothing for the cover in the code.
The beginBitmapFill line is not regulating the smooting for the cover.
Could someone be so helpfull and give me some code directions?
Greetings, Ludo Schenkel-Timp
First of all, thanks for this great piece of code!
I'm loading this swf in a movieClip in a separated swf that is on level 0 (main nav). I'm using the "autoNext" interval to have them autoScroll, then if I unload this Movie and then I load it again (using the nav bar on level 0) the autoNext skips 1 pictures instead of going to the next one. If I unload and load again it skips 2 and so on.
I'm trying to clear all the intervals so everytime the movie is re-Loaded the intervals are reseted but it's not working:
clearInterval(shifter);
clearInterval(scrollerDelay);
clearInterval(autoNextTime);
Any suggestions?
Thanks a lot.
AM
I put this in the xml.
<albuminfo>
<artLocation>banner/album1.jpg</artLocation>
<artist>Reino Unido</artist>
<albumName>Clic Aqui</albumName>
<shadowbox>
<title>Nokia - MTL Leak Live Contest</title>
<type>html</type>
<content><iframe src="/flip/reinounido/index.html" width="900" height="537" frameborder="0" scrolling="no"></iframe></content>
<height>900</height>
<width>537</width>
</shadowbox>
I do in the .fla?
can you help me?
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.
<script type="text/javascript">
function openShadowbox(content, player, title){
Shadowbox.open({
content: content,
player: player,
title: title,
width: 890,
height: 500
});
}
</script>
<link rel="stylesheet" type="text/css" href="grx3.com/shadowbox/shadowbox.css">
<script type="text/javascript" src="grx3.com/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({players: ["iframe"]});
</script>
I take my XML-file from a server, because of changing content.
Sometimes the first cover will not show, but the XML is correct. There is no dependency of the number of loading images. It happened when there where only 5 or also more than 10 images.
I have no idea where I can find the reason for this.
Please can anybody help me?
Quality site and quality application mate, thanks for making it available here.
I am familiar with the AS 2 version of coverflow and have it working correctly loading as an external swf in my main web site, but theres over 50 pics and it lags badly - was thinking an AS 3 version would flip the images more smoothly but after searching for 3 days I only found one AS 3 coverflow and it can only be loaded standalone and not into another swf. Searched this site for one too, any chance you know of a free AS 3 coverflow?
Thanks for your time
- Mike
Is there any way i can show the images in their actual aspect ratio. I tried modifying the code but having almost no experience on AS2 i couldn't get it done. I tried pasting my images on a transparent background PNG and that worked too, but the coverflow (obviously) won't move when the user clicks on the transparent patch of the image .
Any help greatly appreciated.
PS. i do have experience on AS3 a little bit so if i can get an AS3 version that'd be cool.
I wanted to know if anyone has gotten the links to work with fancybox. I'm trying to get this done for I am customizing the coverflow to be used with my portfolio items. Any help would be greatly appreciated.
Thanks.
I then had to place the code on the html page that would make it work with flash - view link below (only site that currently has a tutorial to make fancbox work with flash):
http://outburst.jloop.com/2009/08/06/call-fancy...
Don't forget to set the parameters of the Flash file to (do this wherever you insert the .swf flash file):
<param name="wmode" value="opaque" />
Then just change the XML file to read like this:
<artistLink>javascript:callFancy('ABSOLUTEORRELATIVEURL')</artistLink>
<albumLink>javascript:callFancy('ABSOLUTEORRELATIVEURL')</albumLink>
That will do.
Good luck!
to change links of your images used notepad or wordpad or any xml editor and replace the yahoo and google url adress to yours.....
btw nice work..
note: Sorry for my english
I want this gallery in AS3?
Thank You
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?
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
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!
Thanks in advanced,
Sadie
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?
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
Is there a possibility to show the back of the album while clicking on the frontside? Kind of a flip?
thanks a lot
Christophe
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
2. Download the source
3. Replace images
4. Upload SWF, XML and Images.
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
What can I do to fix this?
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'
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
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
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));
}
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 ;)
Need one tips. I want to show info when the image placed center not in click time. Is it possible?
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?
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
Even i am working on it? Did you have any solution?
Thanks,
What else do I need to do?
if (autoNextP == 1) {
Thank you very much, nice one ill use in my website
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...
var deleteMaxDistance:Number = 0;
Works great. First image called with the XML is loading.
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!
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?
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).
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?
Did you ever find a way to disable the reflection?
Cheers
Dean
"This is not the correct approach, but it works, change this setting
Set to >> var reflectionSpace:Number = 1000;"
cheers
http://www.sebablog.de/leistungen/leistungen.swf
Is there a solution for this?
Thank you.
N.
Very nice coverflow but I've a question.
I'm unable to make the reflection fade to transparency. I like the reflection to show only 30% on the image, and this 30% slowly became transparent. I've looked at the previous comments but didn't find the solution.
Thanks in advance.
I have a question : i want to use this coverflow with bigger images (480x420px). I changed the values for this new sizes, it works very well, exept that the reflect does not have the same speed now. The reflect is slower than the image.
Do you have an idea why?
thank you for your answer;
Vev
Tks
tks
The color of the text can also be changed.
Right now we are facing 2 "bugs".
If you start scrolling the coverflow before the positions are set it will return undefined and everything gets broken. Can't find a solution to this yet since i'm newbie.
The 2nd problem is in some cases the 1st image is not shown till i scroll to it.
Thank you very much for this awesome plugin
Help!!!
Cheers
Also in some configs the 1st image is not shown until you scroll into it, why ? Seems like a problem with the space that each photo has assigned to.
// Edit by Matth, Alhadef
// "The Elevator Door 2"
for (var i:Number; i<=infostruc.length; i++) {
why <= and not < ?
Thank very very much.
Good job
thanks matias!
"shelveCDSpacing is definetely rigged... with some configurations it will hide 1st element"
it would take a while to me figure out that this was the problem. I had to define different spacing for 1,2, 3, and >4 elements and it worked.
my images are not the size as the example, maybe this has some influence
I really like this Flash Coverflow. But I have only one problem, it`s like the same problem which littlejonkel have had a month ago:
"... 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****!? ..."
I can`t find the answer, thats the reason why I ask again.
Thanks very much for this, it's absolutely great.
But still i have a problem on integrating it in a header of a blog i want to build.
Do you know if there are some necesary/or not conditions in order for the animation to be displayed on every page?
Nevertheless i have tried to put it on a clean test page and it works but not in the header of my blog.
Thanks,
Michael
Your coverflow is really great, and I've changed some function for my own use:
In your version, the pictures are loaded at the very beginning, I've changed it to load a certain amount of pics first, for e.g. 10, then when the users shift to plane 50, pics 40-60 will then be loaded.
And here comes the problem...when i use mouse wheel, or press on left/right key for shifting, the photos mapped on the planes are sometimes duplicated or in the wrong order...
could u tell me what is wrong in it???
I am using this line to show the loaded pictures:
planes[CurrentIndex].material = newplaneMaterial;
Thanks!
Could you please look at this?
http://jdrobert.com/files/slider.htm (swf screen cap)
what, if the background isn´t color but image? The reflection doesn´t fade to transparancy. Any workaround?
Regards
michael
var reflectionAlphas:Array = [1, 1];
var reflectionRatios:Array = [0, 0];
and
target._parent.beginFill();
This fills the Background with nothing. But theres also no fade. But when blurred it looks quite good...
//Peter
So I solved the transparent reflections for PNG's with transparent BG's on my own.
And thats quite grand for me with slim to none Flash experience...
But now my friends...
If I want to make the flash window taller, but still keep the Cflow on the bottom. What should i Change?
If i just make the whole thing taller it places itself at the top...
Thanks again for this greeeaaat product!
this is the code, but nothing moves...
have anybody a idea?
// Edit by Paul, tieftaucha, Lunis Neko
// autoNextP defines whether or not the flash movie automatically cycles through all Pictures
// autoNextP = 1 for on, 0 for off.
var autoNextP:Number = 1;
// How long in seconds autoNext will wait to move
var autoNextTime:Number = 1;
var autoDirect:Number = 1;
//Auto Cycling Functionality
if (autoNextP == 1) {
//Set Interval Timer for Auto Cycling
autoNext = setInterval(interNext, autoNextTime*3);
function interNext():Void {
if (autoDirect == 1) {
next();
} else if (autoDirect == 0) {
previous();
}
}
}
MovieClip.prototype.setSides = function(x1:Number, y1:Number, x2:Number, y2:Number, x3:Number, y3:Number, x4:Number, y4:Number):Void {
this.px1 = x1;
this.py1 = y1;
this.px2 = x2;
this.py2 = y2;
this.px3 = x3;
this.py3 = y3;
this.px4 = x4;
this.py4 = y4;
};
Can you advise as to why it always seems to render an "extra" node at the end of the xml list?
No matter what I do, it always seems to render an "unknown album" at the end of my list.
Thanks
I didn't properly close the <artworkinfo> tag with </artworkinfo>.
Something to keep an eye out for.
Thanks
Did anyone find a way to make it loop forever ?
Thx
Thanks,
Simon
I actually did some modifcation to the flash file to extend the <artistLink( area up over the image as well.
miket25@comcast.net
Thanks again,
I want that if I click on a picture and that the website that will load (like: www.google.nl) that he opens the link in the same page and not in another tab.
where can I solve this problem. in the fla or in the "AC_RunActiveContent" and what do I have to change?
THANKS!
I want that if I click on a picture and that the website that will load (like: www.google.nl) that he opens the link in the same page and not in another tab.
where can I solve this problem. in the fla or in the "AC_RunActiveContent" and what do I have to change?
THANKS!
Also if anyone has a solution to the auto cycling issue as I am having trouble with this as well as Flink24
Thanks
Lovely work, great! Do you think there is a way to configure it for a different background-color without messing with flash? My flash is not very up to date, so I cannot open and change the file.
Any help would be very appreciated
When I put the getimage.aspx url in the XML file it doesn't load the image, so I suspect I must change something in the Flash file. does anyone know how to do this?
A young French webdesigner!
Maybe you can fix this too?
Great tool
I also tested on Safari, Firefox and Chrome.
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
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
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 :-)
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.