How to build an advanced ASP.NET AJAX Photo Pile Collage featuring imaging effects with ImageDraw for ASP.NET
Product ImageDraw for ASP.NET
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 ImageDraw demo - which source code files can be found at the end of this page available for downloading - demonstrates how easily you can use ImageDraw object model and ASP.NET AJAX Framework to design an advanced AJAX-based Photo Pile Collage.
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.
AJAX Photo Pile Collage featuring ImageDraw effects such as drop shadow, Polaroid, Filmstrip and Mailstamp.
This AJAX Photo Pile Collage features:
- Visual Photo Thumbnails Highlighter
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/) called ToggleButtonExtender (http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ToggleButton/ToggleButton.aspx).
- Collage Settings and Imaging Effects provided by ImageDraw
AJAX Photo Pile Collage Builder provides some of the Collage settings that Google Picasa software (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.
Sample Files Download
Here are the VB.NET and C# versions of this sample. Please download the zip file and extract it. After that, you'll find all necessary files to reproduce this step by step guide.
Remember to download and install ImageDraw in order to reproduce this sample demo.