A dynamic image-based dialog
The class behind the dialog widget is compact and caters to a small range of specialized behavior, much of which we have already looked at. We can still have some fun with a dynamic dialog box, which loads different content depending on which element triggers it. The following image shows the kind of page we'll end up with:
In a new page in your text editor add the following code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="development-bundle/themes/smoothness/ui.all.css">
<link rel="stylesheet" type="text/css" href="css/ajaxDialog.css">
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>jQuery UI AJAX Dialog Example</title>
</head>
<body>
<div id="thumbs">
<div class="ui-widget-header">
<h2>Some Common...
