withIframe.html in shutterbug-0.0.9

- old
+ new
@@ -11,21 +11,28 @@
         }
       </style>
   </head>
 
   <body>
-    <iframe src="iframe.html" width="300" height="300"></iframe>
+    <iframe id="src1" src="iframe.html" width="300" height="300"></iframe>
     <button class="shutterbug" data-dst="#dst">Snapshot</button>
-  <div id="dst">
-  </div>
+  <div id="dst"></div>
+  <body>
+    <iframe id="src2" src="iframe2.html" width="300" height="300"></iframe>
+    <button class="shutterbug2" data-dst="#dst">Snapshot</button>
+  <div id="dst2"></div>
 
   </body>
   <script type="text/javascript">
     var bug    = null;
     $(document).ready(function(e) {
-      bug = new Shutterbug("iframe","#dst");
+      bug =  new Shutterbug("#src1","#dst");
+      bug2 = new Shutterbug("#src2","#dst2",null,"plugh");
       $("button.shutterbug").click(function(e) {
         bug.getDomSnapshot();
+      });
+      $("button.shutterbug2").click(function(e) {
+        bug2.getDomSnapshot();
       });
     });
   </script>
 </html>
\ No newline at end of file