Silverlight vs Flash: Mathematical Locus Flash vs Silverlight: Image Advance Carousel
Sep 19

Carousel is a very hot effect among Flash and Silverlight. Although there are many readily available Carousel Class on the web, you may still want to explore the Mathematics behind. That is! Here is an example for your reference.

I will add a drill down effect to extend the functionality of the Carousel.

Comparison

Flash implementation: 20 minutes
Silverlight implementation: 40 minutes (Implemented First)
What’s the difference?

  • Development IDE: FDT - Flash Development Tools [AS3] vs Visual Studio 2008  [C#]

Source codes

Flash

Silverlight

Development IDE: FDT - Flash Development Tools [AS3] vs Visual Studio 2008  [C#]

Today, I am going to talk about my working environment.

If you are Flash Developer, I think you will understand that it’s completely impossible to use Flash 9 as your coding tool. You will just like working as if using Notepad. Anyway, I am currently using a Eclipse plug-in FDT as my primary Development Tool. The reason I choose this one is because it has a very good library management and also the code completion feature.

Of course, Flex also provide the same features. However, Flex is an extensive tool which always takes up a lot of computer resources. Hence, the speed is much slower.

image

For Silverlight, I think you don’t have much choice other than using Visual Studio 2008. But you may not know that I did not use Blend for creating any of the samples in this Blog. The reason is very simple. I still haven’t installed the Blend.

image027

Shares and Enjoy~

Did you like this post?

Subscribe here:  

65 Responses to “Flash vs Silverlight: Image Carousel”

  1. mike kidder Says:

    I am enjoying all the comparisons on your website. Keep up the great work!

    Is there a way to capture the scroll events inside Silverlight / Flash (when they have focus) so it doesn’t bubble up and scroll the browser window?

  2. admin Says:

    Hi mike. Thanks for you suport!!

    I don’t think Silverlight itself can handle it since it even can’t handler mouse scroll event yet.
    However, I think it still possible but may be you have to deal with the Javascript.

  3. Greg Says:

    Well seeing as the Flash version worked and the Silverlight version left me with an “Install Siverlight” button, I’ll say that the Flash version is better.

  4. freeman shen Says:

    well, I’m a programmer of .NET , I study Silverlight now. I like the Silverlight version more.
    thanks.

  5. Hissam Says:

    hey guys
    whats the difference between both??

    I’m using chrome and silver light is completely unresponsive!!
    what if user is on linux??

    Flex/ flash is better !!

  6. Chris Par Says:

    Yo,

    The only difference that i found from the samples above is Flash sample shown bad quality images. Let’s look at the red box named AW and compare both.

    i dont think plugin is an issue. And soon Silverlight will be supported by Linux with Moonlight. I will prefer to make the Silverlight option larger because it is in XML form and it is Search Engine friendly. But Silverlight still needs alot of improvement in terms of integration. Even if it is between ASP.Net and Silverlight projects, they support different CLR…so they cant talk directly. I would prefer to use flash component if I would to display a flash based chart showing sales result.

    Regards,
    Chris

  7. admin Says:

    Hissam,

    You are right, Silverlight is not working in Chrome now.

    Chris Par, I think you are right. Our goal is to choose the most appropriate technology to serve the needs of the client.

  8. Silverlight Cream for September 19, 2008 -- #373 Says:

    [...] Flash vs Silverlight: Image Carousel [...]

  9. Nym Says:

    The lower quality images in the flash version is a result of the method and settings used to create the swf. If you download the flash source file you will notice that the images are embedded in the swf. Now just open the properties for each of the images and change the compression setting from Photo (JPEG) to “Lossless (PNG/GIF)”, recompile the swf and you will see that image quality in the example above is simply due to a poor choice in settings within Flash.

  10. admin Says:

    Nym, thanks for the suggestion. Acutally, I prefer to use a compressoin size of 85% to compress the movie. Through the resolution is poor, it makes the swf smaller.

  11. Nym Says:

    I was just observing comments by others above noting the poor image quality in the Flash version. the swf above is around what 34k or so? changing compressions settings in flash to “Lossless” increased the compiled swf to around 127k (only ~20k larger than the Silverlight xap) after tweaking the bitmap properties a bit more allowing smoothing and setting quality to 95 the compiled swf is only around 46k and the image quality significantly improved and becomes comparable to the quality seen in the Silverlight version. At 100 the visual quality is identical and the compiled swf weighs in at 81k still about 40k less than the Silverlight version.

    I personally prefer the best visual quality possible. Of course clients are sometimes more concerned with file size. I believe the best thing to do in the end is provide a lower quality version of such an interactive piece that will download quickly for those poor souls still utilizing dial up connections but provide a higher quality (visually speaking) alternative to those that can handle it.

  12. Bharat Says:

    What i feel is flash is better,
    bcoz i dont know y silverlight install page comes up even if i have installed it.

  13. Tom Says:

    Funny thing….even after installing the plug in and restarting FireFox, the Silverlight version wouldn’t appear on the page, however the Flash version did.

    I’d say score one for cross browser.

  14. Cliff Says:

    I will understand if it is not possible to answer this question here.
    For a newbie to flash is there an guide that can help me get the carousel flash demo to work using CS4? So that I can play around with it?

    Thanks in advance,

    Cliff

  15. admin Says:

    Cliff, thanks for the question. Acutally, I dont’ have CS4 install. However, I believe you cant still open the sample I provided.

  16. kermit Says:

    Bonjour,

    Je n’arrive pas a rajouter de lien sur votre carrousel en flash, comment faire?

  17. Sepi Says:

    Adobe started working with search engine companies in early 2008 and Google has been able to read swfs for quite some time. (even before Adobe started working with them) It is incorrect to say Flash is not searchable.

    The responsibility for what search engines can or cannot index is the responsibility of the company operating the search engines. Adobe of course opening up their player has helped with improvements in this area.

    It is also misleading to assume that since XAML is based on xml that Silverlight should be easily searchable. The fact is that any C# used is compiled as a resource so you essentially have the same issue in those parts that you would have with the Flash binary. Additionally any graphics with text and such would not be any more searchable than gif/jpg/png files on an html page without the appropriate tags.

  18. sand Says:

    Cool carousel effect, works perfectly

    I was wondering if it is possible to create a endless loop with this script.
    So if the last image is called, the next image is equal to the first, endless scroll :) (flash version)
    Somebody?

    Thanks.
    sand

  19. Tweety Says:

    hi..

    Nice carousel…work perfectly…

    Is it possible to call images through remote server in silverlight?
    So if anyone has images on remote server, he can use this carousel…

    Thanks.
    Tweety

  20. admin Says:

    You may call the images remotely from the server. If those images are in the same domain with the application, it works perfectly.

    If not, you have to setup cross domain policy. Please referece from the following article:

    http://timheuer.com/blog/archive/2008/04/06/silverlight-cross-domain-policy-file-snippet-intellisense.aspx

  21. tweety Says:

    Hi..
    Thanks for quick reply…
    I have my images on same domain…But I am all new in silverlight.
    So would you please give me some details to call images through remote server in carousel.

    Thanks….
    Tweety

  22. Parth Says:

    the comparision is really good. i would like to know one thing. can the silverlight version be used to view the images stored in the computer memory i.e can it be used like the WINDOWS PICTURE & FAX VIEWER???
    if yes then how.

  23. Sydney Says:

    Hi,

    I’m trying to build an application which will allow feeding real time text to the images and then rotate the images together with the new text around
    Does anyone know if it is possible?

    Thanks

  24. Rick Says:

    Good demo and comparison. But for a better comparison, I suggest using an Animation loop in the Silverlight example. This is a best practice for Silverlight 2 and it will perform much better. An Animation runs on its own thread and does not compete with other UI events. This may apply to many of your other examples as well.

  25. balu Says:

    I tried the silverlight part. looks really cool.
    I modified it to include the click(forward and backward) in it.

  26. Richard Says:

    hi
    nice work
    im tring to implement these en flex 3 , im chargin the images whit a loader but y have a problem , what is the “cover” ??
    var coverClass : Class = ApplicationDomain.currentDomain.getDefinition(”Cover”) as Class;
    var cover : MovieClip = new coverClass();
    addChild(cover);

    pls help me
    cya

  27. Richard Says:

    I found the solution
    the coves was a MovieClip, whish id deleted and stard the real MovieClip

    y just stard the real MovieClip and works fine

    y will make it dinamic , and add and remove images y hope it woks

    bye

  28. David Says:

    I would expected it to revolve automaticly in either direction with the cursor being either left or right of dead center of the canvas. Could also have given it a max speed, glow item while cursor hover in. Itlacks a few common items like endless animation and such.

  29. Terris Says:

    Awesome!

    I’m not really seeing what is creating the animation.
    How might I make this go backwards, say, once I get to the end of the images?

  30. Terris Says:

    Re: Moving Backwards (FLASH)

    Got it!

    I simply set the moveIndex() parameter in the on_click function to -1.

    Sweet. Thanks!

  31. admin Says:

    Terris: great. Feel free to ask me if you have any other questions.

  32. Keep Your Memory With A Waterproof Camera | CANADABOOM or BUST? Says:

    [...] Just a tiny bit of foreign material can stop your camera from working. Thus, to keep your camera in good conditions, it is a good idea to bring your camera to a professional for checking from time to time. This way, your camera would be able to provide many years of services to you and help you keep your memories for you. About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  33. Grab Your Undersea Moments With A Waterproof Camera | World News Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Related Reading: (No Ratings Yet) Categories : Blogging Tags : Blogging, cameras, digital, [...]

  34. Keep Your Memory With A Waterproof Camera | Blogging Secrets Says:

    [...] Even the finest foreign material in the camera can stop it from working. Your camera must be looked over by a professional regularly in order to keep it in a perfect working order. A waterproof camera is not expensive and is easy to buy, especially when you need it for social occasions only. Do take good cares of the camera, it can capture many happy memories for you! About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  35. Keep Your Memory With A Waterproof Camera - Review This Article | Search Engine Optimization Says:

    [...] Even the finest foreign material in the camera can stop it from working. Your camera must be looked over by a professional regularly in order to keep it in a perfect working order. A waterproof camera is not expensive and is easy to buy, especially when you need it for social occasions only. Do take good cares of the camera, it can capture many happy memories for you! About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  36. Have Fun In The Undersea! | Niche Road Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Tags: Blogging, Cameras, Digital, Disposable, Diving, Enterainment, hobbies, Online retailers, [...]

  37. Have Fun In The Undersea! | Geek Blast Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Share and Bookmark It Hide [...]

  38. Keep Your Memory With A Waterproof Camera Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Share and [...]

  39. Keep Your Memory With A Waterproof Camera | The War of Shopping Says:

    [...] It is easy and cheap to get a waterproof camera. However, a camera can also be damaged easily. If you want your camera to function well, ask a professional to check it for maintenance occasionally. With an effective camera, you can capture your precious moments in the undersea world and share your happy memories with your family and friends. About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  40. Help in your success » Blog Archive » Grab Your Undersea Moments With A Waterproof Camera Says:

    [...] Even the finest foreign material in the camera can stop it from working. Your camera must be looked over by a professional regularly in order to keep it in a perfect working order. A waterproof camera is not expensive and is easy to buy, especially when you need it for social occasions only. Do take good cares of the camera, it can capture many happy memories for you! About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  41. Grab Your Undersea Moments With A Waterproof Camera | Travel Photography Stock Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. addthis_url = [...]

  42. Grab Your Undersea Moments With A Waterproof Camera | Blogging Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Tags: Blogging, Cameras, digital, Disposable, Diving, Enterainment, hobbies, Online retailers, [...]

  43. Keep Your Memory With A Waterproof Camera « Data Protection Solutions Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. On October 5th, 2009 Posted by: Amanda [...]

  44. Entertainment Information » Blog Archive » Grab Your Undersea Moments With A Waterproof Camera Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Posted in entertainment | No Comments » Leave a [...]

  45. Grab Your Undersea Moments With A Waterproof Camera - Review This Article | Search Engine Optimization Says:

    [...] It is easy and cheap to get a waterproof camera. However, a camera can also be damaged easily. If you want your camera to function well, ask a professional to check it for maintenance occasionally. With an effective camera, you can capture your precious moments in the undersea world and share your happy memories with your family and friends. About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  46. Keep Your Memory With A Waterproof Camera | Electronic Stuff Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash.  Mail this postPopularity: 1% [?] var UserClicked=false; document.onkeydown=spy; [...]

  47. Have Fun In The Undersea! | Portable GPS Navigators Says:

    [...] Even the finest foreign material in the camera can stop it from working. Your camera must be looked over by a professional regularly in order to keep it in a perfect working order. A waterproof camera is not expensive and is easy to buy, especially when you need it for social occasions only. Do take good cares of the camera, it can capture many happy memories for you! About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  48. Grab Your Undersea Moments With A Waterproof Camera | Blognsocialnetworks.com Says:

    [...] It is easy and cheap to get a waterproof camera. However, a camera can also be damaged easily. If you want your camera to function well, ask a professional to check it for maintenance occasionally. With an effective camera, you can capture your precious moments in the undersea world and share your happy memories with your family and friends. About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  49. Have Fun In The Undersea! | Digital Discount Camera Says:

    [...] It is easy and cheap to get a waterproof camera. However, a camera can also be damaged easily. If you want your camera to function well, ask a professional to check it for maintenance occasionally. With an effective camera, you can capture your precious moments in the undersea world and share your happy memories with your family and friends. About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  50. The Digital SLR Camera Report » Blog Archive » Have Fun In The Undersea! Says:

    [...] It is easy and cheap to get a waterproof camera. However, a camera can also be damaged easily. If you want your camera to function well, ask a professional to check it for maintenance occasionally. With an effective camera, you can capture your precious moments in the undersea world and share your happy memories with your family and friends. About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  51. Keep Your Memory With A Waterproof Camera | Askleona.com Says:

    [...] It is easy and cheap to get a waterproof camera. However, a camera can also be damaged easily. If you want your camera to function well, ask a professional to check it for maintenance occasionally. With an effective camera, you can capture your precious moments in the undersea world and share your happy memories with your family and friends. About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  52. Have Fun In The Undersea! « HomeSupplies Reviews and Articles Says:

    [...] Just a tiny bit of foreign material can stop your camera from working. Thus, to keep your camera in good conditions, it is a good idea to bring your camera to a professional for checking from time to time. This way, your camera would be able to provide many years of services to you and help you keep your memories for you. About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  53. Underwater Digital Photography Says:

    [...] Even the finest foreign material in the camera can stop it from working. Your camera must be looked over by a professional regularly in order to keep it in a perfect working order. A waterproof camera is not expensive and is easy to buy, especially when you need it for social occasions only. Do take good cares of the camera, it can capture many happy memories for you! About the Author: If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. [...]

  54. Grab Your Undersea Moments With A Waterproof Camera | Robert Ramos Jr Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Share this on FacebookTweet This!Post this to MySpaceEmail this to a friend?Subscribe to the [...]

  55. Have Fun In The Undersea! | Plug In Monster Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Share and [...]

  56. Have Fun In The Undersea! » Gadget Reviews & News Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Share and [...]

  57. Keep Your Memory With A Waterproof Camera | Supreme Articles Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Follow Us: These icons link to social bookmarking sites where readers can share and [...]

  58. Grab Your Undersea Moments With A Waterproof Camera Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Category : [...]

  59. Have Fun In The Undersea! | Digital Camera Reviews Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. Leave a comment | [...]

  60. digital-cameras-best-buys.com » Keep Your Memory With A Waterproof Camera Says:

    [...] If you are curious about this article, you may find some inspiration on free e card as well as carousel flash. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, [...]

  61. кpyтoйнoл Says:

    Скажите, а можно ли взять новости с вашего блога? Со ссылкой на первоисточник разумеется. :)

  62. Xpaнитeль Says:

    Прикольно написанно, я скорее всего бы так не смог.

  63. Gangsta Says:

    I don’t know how you came with this idea, but is great. Hope you don’t mind if i use it in my projects?

  64. PArth Says:

    hi i want to move the images as per the click ojn the image. for eg. if i click on the left side of the image then the image to the left of center figure should apper and same with right side. in short the same effect that scrolling gives i want it through the mouse click. how is it possible??? i tried to get the image position and then call move index accordingly but was not able to…

  65. SDHC Memory Says:

    Sweet ,thank you for sharing .Such a wonderfull post.

Leave a Reply