Let images work properly online and offline (MAMP)
Part of your code did not go through; however I believe it's pretty clear that the issue is in image paths.

Check out Pathologic module, as it deals with exactly such issues:


  Pathologic is an input filter which can correct paths in links and images in your Drupal content in situations which would otherwise cause them to “break;” for example, if the URL of the site changes, or the content was moved to a different server. Pathologic can also solve the problem of missing images and broken links in your site’s RSS feeds. See more example use cases on the documentation page.