Updated for jQuery FocusPoint release

README.md

@@ -8,7 +8,7 @@ The goal of this module is to provide some control over automatic image cropping
 
 **Solution:** FocusPoint allows you to tag the subject in an image and ensures it is not lost during cropping.
 
-![Comparison of cropping with and without FocusPoint](/screenshots/comparison.jpg?raw=true)
+![Comparison of cropping with and without FocusPoint](screenshots/comparison.jpg?raw=true)
 
 ## Requirements
 
@@ -26,7 +26,7 @@ SilverStripe 3.1
 
 **In the CMS:** When you edit an image in the CMS there should be an extra 'Focus Point' field. Click on the subject of the image to set the focus area and save the image.
 
-**Responsive cropping:** see an example of how to set up a full-screen [responsively-cropped image here](http://jonom.github.io/silverstripe-focuspoint/jquery-demo/index.html). Demo files are included in the jquery-focuspoint folder. Note: this is an early proof of concept, I may move this to a separate project in the future.
+**Responsive cropping:** You can use this module in combination with [jQuery FocusPoint ](https://github.com/jonom/jquery-focuspoint)to accomplish 'responsive cropping' on your website. Check out a [demo here](http://jonom.github.io/jquery-focuspoint/demos/grid/lizard.html). There is an example .ss template included in the jquery-focuspoint folder to help you set this up.
 
 ## To Do
 

jquery-focuspoint/FocusPointImage.ss

@@ -1,13 +1,11 @@
-<%-- Example of how to set up SS template to produce output as seen in index.html --%>
+<%-- Example of how to set up SS template to produce output to work with jQuery FocusPoint --%>
 
 <% with Image %>
 	<div class="focuspoint $BasicFocusArea"
 	data-focus-x="$FocusX"
 	data-focus-y="$FocusY"
 	data-image-w="$Width"
 	data-image-h="$Height">
-		<div class="focuspoint-inner">
-			<img src="img/lizard.jpg" alt="" />
-		</div>
+		<img src="img/lizard.jpg" alt="" />
 	</div>
 <% end_with %>