Plugin jQuery – jSocial

20 février 2010
Par

jSocial est un plugin jQuery simple et adapté pour avoir les icônes et les liens vers les sites de réseaux sociaux en un clin d’œil sur son blog ou site.

Le plugin est tout récent et le créateur assure vouloir l’améliorer prochainement.

icones-netlinks

Voici son utilisation :

On appel le plugin :

<script src="js/jquery.jsocial.js" type="text/javascript" charset="utf-8">

Puis on insère dans l’élément du DOM souhaité les effets du plugin jSocial :

<script type="text/javascript" charset="utf-8">
    $('.social').jsocial({
       
        //options and usernames here
    });

</script>

La div qui va recevoir les éléments :

<div  class="social"></div>

Voici un exemple pour avoir tous les liens sur ligne et centrés

$('.social').jsocial({
    twitter     :  'LudiKreation',
    facebook    :  'facebook.com/LudiKreation',
    flickr      :  'LudiKreation',
    delicious   :  'LudiKreation',
    linked      :  'linkedin.com/in/LudiKreation',
    youtube     :  'youtube.com/LudiKreation',
    feed        :  'LudiKreation',
    friendfeed  :  'LudiKreation',
    digg        :  'LudiKreation',
    lastfm      :  'LudiKreation',
    center      : true,
    inline      : true
});

Voici un exemple pour avoir une partie des liens en miniature

$('.social').jsocial({
    twitter     :  'LudiKreation',
    facebook    :  'facebook.com/LudiKreation',
    flickr      :  'LudiKreation',
    delicious   :  'LudiKreation',
    linked      :  'linkedin.com/in/LudiKreation',
    small       : true
});

Voilà c’est simple à mettre en place et c’est toujours utile.

Lien vers la page du plugin jSocial : http://plugins.jquery.com/project/jsocial
La page de démo avec les exemples : http://demos.thatryan.com/jSocial

Tags: , , , , , , , , , ,

4 Responses to Plugin jQuery – jSocial

  1. [...] Via LudiBlog. [...]

  2. TECH-THINKING.be | WEB and GRAPHIC agency on 9 mars 2010 at 8 h 47 min

    [...] Via LudiBlog. [...]

  3. [...] Je vous en parle ici Un plugin jQuery simple et adapté pour avoir les icônes et les liens vers les sites de réseaux [...]

  4. [...] Je vous en parle ici Un plugin jQuery simple et adapté pour avoir les icônes et les liens vers les sites de réseaux [...]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*


*

Rubriques