Share Pages Using Photos

Instructions

Turn Any Photo Into a Sharing Tool

Increase sharing and traffic by turning any photo into a tool to share your page. With just a short bit of Javascript and HTML code, you can overlay a sharing menu on any image.

Javascript

Here's the javascript code that you'll need to add to your webpage. Add services_overlay to addthis_config with the services you wish to include in your image menus. Be sure to replace [YOUR PROFILE ID HERE] in the addthis_widget.js inclusion.

var addthis_config = {     
    services_overlay:'facebook,twitter,email,print,more'
}
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=[YOUR PROFILE ID HERE]"></script>

HTML

This is the HTML portion of the code. It can be added to as many images as you want.

      class="addthis_shareable"

So that any image element you wish to add the sharing menu to will look like:

     <img class="addthis_shareable" src="http://www.example.com/example_image.png">

Some options to change the sharing functionality of the menu. Only the CSS class is required.

Name	Description
`class="addthis_shareable"`	Required for any image to have the overlay
`addthis:url`	Defines the URL of the image or page you wish to share.
`addthis:title`	Defines the title of the image or page you wish to share

With all of the options:

     <img class="addthis_shareable" src="http://www.example.com/example_image.png" addthis:url="http://www.example.com" addthis:title="My Example Photos Page" >