New Article - How to build an ASP.NET AJAX Photo Pile

EDN Admin

Well-known member
Joined
Aug 7, 2010
Messages
12,794
Location
In the Machine
<b>Technologies used</b>
- Neodynamic ImageDraw for ASP.NET
- Microsoft .NET Framework (2.0 or later)
- Microsoft ASP.NET AJAX Framework (1.0 or later)
- Microsoft ASP.NET AJAX Control Toolkit
- Microsoft Visual Studio .NET (2005 or later - Visual Web Developer Express Edition)

This <b>ImageDraw</b> demo - which source code files can be found at the end of this page available for downloading - demonstrates how easily you can use <b>ImageDraw</b> object model and <b>ASP.NET AJAX Framework</b> to design an <b>advanced AJAX-based Photo Pile Collage</b>.

The following figure is a screenshot of the ASP.NET AJAX Photo Pile Collage application that leverages ASP.NET AJAX Framework, ASP.NET AJAX Control Toolkit and ImageDraw.

<img src="http://www.neodynamic.com/Support/FAQs/92/figure01.png

<b>This AJAX Photo Pile Collage features:</b>
- <b>Visual Photo Thumbnails Highlighter</b>
The left pane of AJAX Photo Pile Collage Builder UI is a list of available photos for making the picture collage. Each photo is dynamically resized by ImageDraw for creating thumbnails. When the user clicks on a photo, it?s also highlighted with a smooth yellow gradient. That selection feature leverages on ImageDraw dynamic image composition and on a component of AJAX Control Toolkit ( http://ajax.asp.net/ajaxtoolkit http://ajax.asp.net/ajaxtoolkit/ ) called ToggleButtonExtender ( http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ToggleButton/ToggleButton.aspx http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ToggleButton/ToggleButton.aspx ).

<img src="http://www.neodynamic.com/Support/FAQs/92/figure02.jpg

- <b>Collage Settings and Imaging Effects provided by ImageDraw</b>
AJAX Photo Pile Collage Builder provides some of the Collage settings that Google Picasa software ( http://picasa.google.com/ http://picasa.google.com/ ) features like Collage Type (Pile or Grid) and background color for Pile collage. In addition to those Google Picasa options, we included some other interested imaging effects (Drop Shadow, Polaroid, Filmstrip and Mailstamp) for applying on each photo on the collage which are built-in ImageDraw object model.

<img src="http://www.neodynamic.com/Support/FAQs/92/figure03.jpg


<b>Links:</b>
http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=92 This Demo
http://www.neodynamic.com/Products/Demos/Demos.aspx?tabid=75&prodid=4 More Demos
http://www.neodynamic.com/ND/Downloads.aspx?tabid=47&prodid=4 Download ImageDraw for ASP.NET
http://www.neodynamic.com/Products/IDWebC/ImageDrawWebControl.aspx?tabid=24&prodid=4 More Information about Neodynamic ImageDraw for ASP.NET


Neodynamic
.NET Components & Controls
http://www.neodynamic.com http://www.neodynamic.com
http://www.imagedraw-for-aspnet.com http://www.imagedraw-for-aspnet.com

Click here to view the _RLS_
 
Back
Top