Update image examples

examples/css/editor.css

@@ -32,4 +32,9 @@ footer {
 	float: left;
 	margin-right: 40px;
 	padding-top: 8px;
+}
+
+.source {
+	font-family: "source-code-pro", Courier;
+	font-size: 14px;
 }

examples/js/images.js

@@ -1,3 +1,7 @@
+// This example doesn't currently work on IE 
+// However, you can convert your images to JSON. 
+// We'll post some examples and tools soon!
+
 // Because of security restrictions, getImageFromUrl will
 // not load images from other domains.  Chrome has added
 // security restrictions that prevent it from loading images
@@ -34,18 +38,20 @@ var getImageFromUrl = function(url, callback) {
 	return ret;
 }
 
+doc = new jsPDF();
+
 // Since images are loaded asyncronously, we must wait to create
 // the pdf until we actually have the image data.
 // If we already had the jpeg image binary data loaded into
 // a string, we create the pdf without delay.
 var createPDF = function(imgData) {
-	var doc = new jsPDF();
+
 
 	doc.addImage(imgData, 'JPEG', 10, 10, 50, 50);
 	doc.addImage(imgData, 'JPEG', 70, 10, 100, 120);
 
-	doc.save('output.pdf');
+	// You'd usually call doc.save() here
 
 }
 
-getImageFromUrl('thinking-monkey.jpg', createPDF);
+getImageFromUrl('./examples/thinking-monkey.jpg', createPDF);

index.html

@@ -72,6 +72,10 @@ <h2>Have a play.</h2>
             <div class="clerfix"></div>
             <div class="span12 credits">
 
+                <h2>The Basics</h2>
+
+                <p>Simply include the jsPDF library in your <span class="source">&lt;head&gt;</span>, generate your PDF using the <i>many</i> built-in functions, then hook up a button to trigger the download. All the examples here use jQuery.</p>
+
                 <h2>Credits</h2>
 
                 <p>Big thanks to Daniel Dotsenko from <a href="http://willow-systems.com">Willow Systems Corporation</a> for making huge contributions to the codebase. </p>