s3ShareIt, fancy social share jQuery plugin

Google ads

  1. ABOUT

    The s3ShareIt jQuery plugin is a fancy social network sharer plugin. If you want that your content be heard of, this is what you need. This plugin will automatically integrate to the left side of your website and "follow" you on the page as you scroll up and down.

    To see it in action, just look at the left side of this page..

    HOW TO USE

    It is very easy. First include the jQuery library then include the s3ShareIt javascript in the head of the page(s) where you want to use s3ShareIt.

    jQuery can be download from jQuery`s homepage.

    Then you need to copy images to your website root /img/s3ShareIt folder..

    			< script src="js/jquery.js" type="text/javascript">< /script>
    			< script src="js/s3ShareIt.js" type="text/javascript">< /script>
    		

    Important: For the script to work properly there is a set of rules that must be followed.

    HTML
    		
    Explanation

    On your page, there must be one element that will serve as holder for social icons, important thing is to give it a id.

    Then you need to initalize s3ShareIt and set the opacity of icons when they are not active (when mouse is not over them).

    JS

    			jQuery(document).ready(function($) {
    				$('body').s3ShareIt({'opacity':.7});
    			});
    		

    By default, all social icons will be shown, but you can set which one you do not want by passing additional parameters.

    ADDITIONAL PARAMETERS

    • twitter: true/false
    • facebook: true/false
    • digg: true/false
    • delicius: true/false
    • stumbleupon: true/false
    • reddit: true/false
    • technorati: true/false
    • linkedin: true/false
    • myspace: true/false
    • opacity: 0-1
    • thumbWidth: 48

    If you don't want to use default icons, you can replace it with your own, just make sure that you have named them exactly as default icons are named. If size of the icon is different than original, you need to pass parameter 'thumbWidth' and set width of your icon.

    COPYRIGHT

    This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones.

    BROWSER SUPPORT

    This plugin has been tested and is known to work in the following browsers:

    • Firefox (Win/Linux/Mac)
    • Opera (Win/Linux)
    • Safari (Win/Mac)
    • Internet Explorer (Win)
    • Google Chrome (Win/Linux/Mac)

Google ads