jQuery social share with Hideshare plugin

HideShare is jQuery social share with plugin, that inserts social sharing links into the content of your web project.

Hideshare – a jQuery social share with plugin

jQuery plugin for inserting social sharing functionality. Currently supports Facebook, Twitter, Pinterest, Google+ and Linkedin.

Allows for sharing of current page with the option for sharing any link or image.

Hideshare - jQuery social share plugin
Hideshare – jQuery social share plugin

Getting Started

HTML:

<script src="jquery.js"></script>
<script src="hideshare.min.js"></script>

<img src="http://your-awesome-image.jpg">
<a class="share" href="#">Share Me</a>

<script>
$(document).ready(function() {
  $(".share").hideshare({
    media: "http://your-img.jpg"
  });
});
</script>

Options

The following options may be configured:

$(document).ready(function() {
  $(".share").hideshare({
    link: "",           // Link to URL defaults to document.URL
    title: "",          // Title for social post 
    media: "",          // Link to image file defaults to null
    decription: "",     // Description for Facebook summary
    facebook: true,     // Turns on Facebook sharing
    twitter: true,      // Turns on Twitter sharing
    pinterest: true,    // Turns on Pinterest sharing
    googleplus: true,   // Turns on Google Plus sharing
    linkedin: true,     // Turns on LinkedIn sharing
    position: "bottom", // Options: Top, Bottom, Left, Right
    speed: 50           // Speed of transition
  });
});

Styles

The following styles are necessary for display:

.hideshare-wrap {
  position: relative;
}

.hideshare-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.hideshare-list li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 2em 1em;
}
.hideshare-wrap span {
  display: none;
}

That’s it!

Demo:

http://natearnold.me/hideshare/example

GitHub:

https://github.com/arnonate/hideshare

License: MIT

Enjoy!

Share:Share on Facebook1Share on Google+0Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest1