Visual C#.NET: Create Web-Based Image Viewer

using System.IO;
using System.Drawing.Printing;
using YiigoImage.Imaging;
using System.Web;
using YiigoImage.Imaging.WebControl;

// Add Open button to viewer
private void Open_Click(object sender, EventArgs e)
{
if (openFileDialog1.ShowDialog(this) == DialogResult.OK)
{
WebViewer.Load(new FileSystemImageSource(new string[] {
openFileDialog1.FileName }, true), null);
}
}

// Add Zoom and Scale button to viewer
private void FitToWidth_Click(object sender, EventArgs e)
{
WebViewer.ImageControl.AutoZoom =
YiigoImage.Imaging.WebControl.AutoZoomMode.FitToWidth;
}
private void FitToHeight_Click(object sender, EventArgs e)
{
WebViewer.ImageControl.AutoZoom =
YiigoImage.Imaging.WebControl.AutoZoomMode.FitToHeight;
}
private void FullSize_Click(object sender, EventArgs e)
{
WebViewer.ImageControl.AutoZoom =
YiigoImage.Imaging.WebsControl.AutoZoomMode.None;
WebViewer.ImageControl.Zoom = 1.0;
}

// Add Scan button to viewer
private void acquisition1_ImageAcquired(object sender, AcquireEventArgs e)
{
WebViewer.Add(YiigoImage.FromBitmap(e.Image), "", "");
}
private void Scan_Click(object sender, EventArgs e)
{
foreach (Device dev in acquisition1.Devices)
{
if (dev.Identity.ProductName ==
tcbChooseScanner.SelectedItem.ToString())
{
dev.Acquire();
}
}
}

// Add Save button to viewer
private void Save_Click(object sender, EventArgs e)
{
if (saveFileDialog1.ShowDialog(this) == DialogResult.OK)
{
WebViewer.Save(saveFileDialog1.FileName, new TiffEncoder());
}
}

// Add a handler for the viewer
public class WebViewerHandler : WebViewerRequestHandler
{
}
//Add a new Web Form to your project and add HTML in your document's head;
<script src="WebViewer/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="WebViewer/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="WebViewer/jquery-ui-1.8.14.custom.min.js" type="text/javascript">
</script>
<script src="WebViewer/atalaWebDocumentViewer.js" type="text/javascript">
</script>
<link href="WebViewer/atalaWebDocumentViewer.css" rel="Stylesheet" type="text/css" />

// Add HTML in your document's body;
<div id="_toolbar1" class="atala-document-toolbar" style="width: 670px;"></div>
<div id="_container1" class="atala-document-container" style="width: 670px;height: 500px;"></div>

// Add JavaScript code for initializing your viewer 
<script type="text/javascript" language="javascript">
var _docUrl = 'Yiigo_example.tif';
var _serverUrl = 'WebViewer.ashx';
var _viewer = new Atalasoft.Controls.WebDocumentViewer({
'parent': $('#_container1'), 'toolbarparent': $('#_toolbar1'), 'serverurl': _serverUrl, 'documenturl': _docUrl });
</script>