Coverflow website interface

March 01, 2007 6:55 pm in Code | Post a comment

I modified an example from another website to display my photos with an iTunes-like coverflow interface.

See my photos with a coverflow interface

How this was done

The sample uses the Adobe Flex 2 web application development software to provide a user interface similar to iTunes' coverflow feature.

I modified the example at Quietlyscheming.com to display my own photos. In addition, I fixed a bug in the original Flex code that caused an error when using the Selection slider bar to look at the last photo in the collection.

Requirements

The example requires Adobe Flash Player 9.

Comments

March 15, 2007 10:47 am by Andrew
WOW, I would love to use this interface on my site to display family photos - do you license it? Really nice work. Let me know if I can offer any legal services in exchange (I am a technology attorney at a very large technology company). -Andrew
March 18, 2007 11:22 am by Nick Fessel
Hi Andrew, thanks for your interest in the coverflow photo interface. I sent you an e-mail to discuss details.

-Nick
May 01, 2007 1:58 pm by Casa Timmons
Nick,

I would love to talk to you about working with me and my team. We are in the process of starting a new company - fully funded - in Austin TX. We will be developing a web application for business all over the U.S. If this interest you at all please contact me and I can provide further information - also - if you could provide me with an annual salary figure as well.

Casa Timmons
casa@golodesign.com
512.659.8401
May 20, 2007 10:34 am by Greg
Wow, thats really nice! I would like something like that for my .mac site - to use as a photo slideshow!
I would love to know your trick - I have Flex - I just didnt know I could do that with it- very cool!
May 24, 2007 7:29 pm by richard hamilton
I think you are really clever, and have been trying to do this for a while. Any hints as to how to go about it?
May 29, 2007 5:58 am by Yassine Mountassir
This is by far the coolest thing I've seen in a long time, how long did it took you to make this?
really awesome work.
June 17, 2007 9:05 pm by Kyle
Hi, Nick -

Love the coverflow like interface. Very cool. One question:

In your experience, do you think it would be possible to add a behavior to the image in focus at any particular moment where when you click on it, it flipped over in manner similar to a Mac OS X widget?

What do you think? Could Flex handle this?

Thanks,
Kyle
June 23, 2007 1:15 pm by Bjorn Holmgren
Hi,

This looks very interesting. I wonder if ther is any way get a license to use this? I thought of doing a very nice contacts list.

Best regards
Bjorn
June 25, 2007 2:18 pm by Stephan Sims
Hello nick,

what you have done is amazing! I must say, i'm very impressed. I was wondering if you were willing to perhaps assist me with doing the same and implementing something similar for my website. please e-mail me as soon as possible and let me know the details (licensing, price, etc.)

thanks in advance!

-Stephan
July 08, 2007 11:13 am by Nick Fessel
Download the project files here
July 11, 2007 6:53 pm by Stephan Sims
Thanks nick! I'm working on the code using fx2 right now. I'll let you know what I come up with.

-Stephan
August 30, 2007 6:07 pm by Neal Hacker
Nick-

I am interested in paying you to very slightly modify your flex application to do three things:

1. Accomidate more images
2. Make the images 'clickable' add tags
3. Remove the sliders at the bottom of the page.

I would love to use this for my featured events pages. I had a dream about using this last night and I thank my lucky stars you had the same dream!
-Neal
September 03, 2007 1:40 pm by Nick Fessel
Neal,

Unfortunately, I am not able to do any Flex development right now. Currently I am doing a lot of Ruby on Rails research and it is taking up most of my free time. Thank you for the offer though.

You might also want to check out photoFlow.

-Nick
October 02, 2007 1:00 pm by Thi
Hello Nick,

I am checking out Quietly Scheming's displayshelf and was wondering if you'd mind sharing how you went about fixing the selection slider bug when selecting the last item?

Thanks,
Thi
October 02, 2007 1:40 pm by Thi
Ah, sorry for the double post. Figured out the problem. Wasn't as complicated as I initially thought it would be. z
October 03, 2007 8:48 pm by Nick Fessel
@Thi-
I am glad you figured out the issue. Yeah, it was an indexing mistake in the code.
December 03, 2007 4:28 am by john
Nick,

Very nice work, I too would like to talk to you about a couple of potential projects which might interest you.

Regards,
John
February 22, 2008 8:33 pm by Linda
Hi Nick, excellent work. I want to use this as a gallery viewer for my church website. How can i add more images? Is there a license for this? Or cost? Please help.

Thanks,
Linda
February 23, 2008 9:10 am by Nick Fessel
Linda,

I sent you an e-mail regarding pricing for a gallery viewer. Please let me know if you have any questions. Thank you,

Nick
February 28, 2008 6:01 pm by howard dessau
Nick- I would be very interested in working with your program for our web-site presentation. I think that it is a great fit.

How can I get my web-site host in touch with you?

Thanks for getting back to me at your earliest convenience.

Howie Dessau
February 28, 2008 6:14 pm by Nick Fessel
Howie,

Thank you for your interest. I sent you an e-mail with the details.

Nick
March 19, 2008 9:56 am by Joe
Wow ! Very nice. Does this only for photos? Can it be used for non-photos type of presentation? I am thinking about to use it to replace it with the TabNavigator.......
March 20, 2008 11:50 pm by Nick Fessel
Joe,

That is a good question. It may be possible.

Nick
April 27, 2008 9:35 am by Lukasz
Hi! This is absolutely great!
I am planning to make a website about a band, and ive been searching for something like coverflow for the discography section.
I wasnted the coverflow feature, and the tracklist displayed below or something like this.
I am wondering if you could tell me how is this coverflow feature made.
I will be very gratefull if you could reply with an email to me.
piooreczko@wp.pl

Thanx
April 27, 2008 9:51 pm by Nick Fessel
Hi Lukasz,

The comment above on July 8, 2007 contains a link to the source code. There is a flat rate fee for custom programming. Please email me if you are interested. Thank you.

Nick
August 08, 2008 3:35 pm by anurag
How can we use the mousescroll whell or buttons to scroll between objects? Also is it possible to load an iFrame when an image comes @ front?
November 27, 2008 11:09 am by Nick Fessel
This Coverflow component also works in Flex 3.
March 25, 2009 6:24 pm by nick
hi

i am impressed with this.
what I am lookin g to do is build a website with a coverflow layout. i want each webpage to be part of the cover flow so that when you select a page you want to view, it enlarges. any hints on how to achieve this??

warm regards
nick
April 13, 2009 7:54 am by andrei
hi nick .
nice stuff . i wanted to ask you if you already designed a template to be sold to public having in mind the searchme.com website ? can you reply on the email i posted ?

ty , andrei
May 08, 2009 7:33 pm by travis
I made a couple arrays of images and used a combo box to change the shelf dataprovider and zeroed out the postion and index propertys.

Works great but sometimes switching dataproviders I get an error.
Error #1009: Cannot access a property or method of a null object reference.

line #665

var leftBase:Number = unscaledWidth/2 - selected.widthForAngle(0)/2 - (adjacent.getExplicitOrMeasuredWidth()/2 +adjacent.widthForAngle(a)*2/10) * c.scale;

This is a bit over my head anybody have an idea I can post my code if someone can help me
May 14, 2009 2:24 pm by Leonardo
I would like to use the interface im my company website. Do you license it? ow much?
June 16, 2009 3:11 am by Bailey Berro
Hi!, I was wondering about getting a license on this product. Please email me back.
June 25, 2009 5:26 pm by w knight
Hi

very nice indeed. Thank you for the demo

W
October 25, 2009 4:29 pm by Sat DAN
This looks really cool. I would like to use it in my web-site. Can you let me know about the licensing.

Thanks,
-Satish
December 31, 2009 6:35 pm by Walt Coleman
Nick,
I stumbled across your website while looking for an answer.
I'm in the blueprint business.
It would be cool to be able to electronically flip thru a large set of blueprints and create a folder or subset of drawing by dragging and dropping them from the view into a folder.
Can you point me in a good direction for a soulution if there is one? Would you be interested in programming this for my website?
thanks,
walt
February 11, 2010 9:20 pm by tom
Nick,

need more info -

tom
March 06, 2010 1:26 am by Anthony Erlandsen
Hey Nick, I came across your site looking for a way to add the coverflow effect to my site in order to browse my photos. I have found a few downloads for the effect but like yours the best with adjustments and so forth. I would love to add as a feature on my own site and would be honored if you allowed me to do so. I understand Flash to an extent so if you have any tips, that would awesome. Is this even a download you could send me that i can just upload my own images. I would gladly give you credit for the development of the feature. Let me know and hopefully we can work something out
August 29, 2010 10:31 pm by Phoenix Pools
Adobe Flash Player 9 is so wonderful.
August 31, 2010 6:49 am by phentermine, phentermine 37.5
Nice information, thank you for sharing you thoughts.
September 01, 2010 5:15 am by buy cheap phentermine, cheap phentermine diet pills
It's great to have this kind of information.
September 05, 2010 7:11 am by wholesale bow ties
Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I'll be subscribing to your feed and I hope you post again soon.

Coverflow website interface

See my photos with a coverflow interface

How this was done

Requirements

search

posts

comments

topics

calendar

about