Plugin jQuery – jSocial
Posted By Franck Pertegas on 20 Fév 2010 in Framework, Javascript, Programmation |
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.
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
Trackbacks/Pingbacks