Here's a simple example using MapImageLayer:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title></title>
<link rel="stylesheet" href="http://js.arcgis.com/3.6/js/esri/css/esri.css">
<style>
html, body, #map { height: 100%; width: 100%; margin: 0; padding: 0; }
</style>
<script src="http://js.arcgis.com/3.6/"></script>
<script>
var map, mil;
require([
"esri/map", "esri/geometry/Extent",
"esri/layers/MapImage", "esri/layers/MapImageLayer"
], function(
Map, Extent,
MapImage, MapImageLayer
) {
map = new Map("map", {
basemap: "topo",
center: [-79.17, 33.76],
zoom: 9
});
// create and add the layer
mil = new MapImageLayer({ "id": "usgs_screen_overlay" });
map.addLayer(mil);
// create and add the image
var extent = new Extent({ "xmin": -8864908, "ymin": 3885443, "xmax": -8762763, "ymax": 3976997, "spatialReference": { "wkid": 102100 }});
var mi = new MapImage({
"extent": extent,
"href": "http://hdds.usgs.gov/hdds2/view/overlay_file/AM01N33_269827W079_1773002011082800000000MS00"
});
mil.addImage(mi);
});
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>
http://jsbin.com/uNeXera/1/
