https://github.com/paulocheque/jquery-sharing

Simple plugin to provide a easy way to add links to share your website.
https://github.com/paulocheque/jquery-sharing

Last synced: 17 days ago
JSON representation

Simple plugin to provide a easy way to add links to share your website.

• Host: GitHub
• URL: https://github.com/paulocheque/jquery-sharing
• Owner: paulocheque
• Created: 2012-04-08T14:42:02.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2012-04-08T15:21:45.000Z (over 12 years ago)
• Last Synced: 2024-12-02T07:55:56.231Z (25 days ago)
• Language: JavaScript
• Homepage: http://archive.plugins.jquery.com/project/sharing
• Size: 88.9 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.mkd

Awesome Lists containing this project

README

        
# JQuery-Sharing

Simple plugin to provide a easy way to add links to share your website.

* 

* Latest Release: 0.2.1

# Example of Usage:

```html



$('#my_div').Sharing();

```

Default values:

* text: 'Sharing: ',

* links: 'facebook,delicious,googlebookmarks,twitter,orkut,linkedin,digg,yahoo,live',

* image_dir: '/img/sharing/',

* url: '', // default is the current url

* 'image': '', // default is without image. Just some websites support images

* 'title': '', // default is blank. Just some websites support titles

# ADD NEW WEBSITES

* To add new links you can edit the script or just do it before call the function:

* PS: use the WEBSITE keyword to identify where your website will be in the url. 

* PS: use the IMAGE keyword to identify the image used to promote your website.

* PS: use the TITLE keyword to identify the title of your website. 

```html

$.fn.Sharing.websites.facebook = { name: 'Facebook', image: 'facebook.gif', link: 'http://www.facebook.com/share.php?u=WEBSITE' };

$.fn.Sharing.websites.mywebsite = { name: 'MyWebSiteOfSharing', image: 'mysharing.gif', link: 'http://www.example.com/add?u=WEBSITE&img=IMAGE&tt=TITLE' };

```

Then, it is possible to do this: $('#my_div').Sharing('links': 'facebook,mywebsite');

# CUSTOMIZING

```html

// Custom values:

$('#my_div').Sharing({ text: '', 

					   links: 'facebook,twitter,delicious,googlebookmarks', 

					   image_dir: '/static/img/sharing/',

					   url: 'http://baladasusp.com',

					   image: 'http://baladasusp.com/static/img/logo.jpg',

					   title: 'Baladas na USP: Veja fotos e videos e fique atento �s pr�ximas baladas',

					});

// If you want to customize the layout with CSS:

.sharing_text {}

.sharing_link {}

.sharing_image {}

// Example:

.sharing_text { font-weight: bold; font-size: 10px; }

.sharing_link {}

.sharing_image { width: 15px; height: 15px; margin-right: 5px; }

```

# TIPS

* you can use ImageZoom plugin for a nice effect: 

But pay attention with some tricks with:

* jquery animate automatically put a display: block in the image

* Webkit browsers load images with width and height 0px in this case

```html

$('#my_div img').ImageZoom();

```

# Tags

delicious, digg, facebook, Google, network, orkut, share, sharing, social, twitter