Plugin jQuery – jSocial
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 :
[pastacode lang= »markup » manual= »%3Cscript%20src%3D%22js%2Fjquery.jsocial.js%22%20type%3D%22text%2Fjavascript%22%20charset%3D%22utf-8%22%3E » message= » » highlight= » » provider= »manual »/]
Puis on insère dans l’élément du DOM souhaité les effets du plugin jSocial :
[pastacode lang= »javascript » manual= »%3Cscript%20type%3D%22text%2Fjavascript%22%20charset%3D%22utf-8%22%3E%0A%09%24(‘.social’).jsocial(%7B%0A%09%09%0A%09%09%2F%2Foptions%20and%20usernames%20here%0A%09%7D)%3B%0A%0A%3C%2Fscript%3E » message= » » highlight= » » provider= »manual »/]
La div qui va recevoir les éléments :
[pastacode lang= »markup » manual= »%3Cdiv%20class%3D%22social%22%3E%3C%2Fdiv%3E » message= » » highlight= » » provider= »manual »/]
Voici un exemple pour avoir tous les liens sur ligne et centrés
[pastacode lang= »javascript » manual= »%24(‘.social’).jsocial(%7B%0Atwitter%20%3A%20’LudiKreation’%2C%0Afacebook%20%3A%20’facebook.com%2FLudiKreation’%2C%0Aflickr%20%3A%20’LudiKreation’%2C%0Adelicious%20%3A%20’LudiKreation’%2C%0Alinked%20%3A%20’linkedin.com%2Fin%2FLudiKreation’%2C%0Ayoutube%20%3A%20’youtube.com%2FLudiKreation’%2C%0Afeed%20%3A%20’LudiKreation’%2C%0Afriendfeed%20%3A%20’LudiKreation’%2C%0Adigg%20%3A%20’LudiKreation’%2C%0Alastfm%20%3A%20’LudiKreation’%2C%0Acenter%20%3A%20true%2C%0Ainline%20%3A%20true%0A%7D)%3B » message= » » highlight= » » provider= »manual »/]
Voici un exemple pour avoir une partie des liens en miniature
[pastacode lang= »javascript » manual= »%24(‘.social’).jsocial(%7B%0Atwitter%20%3A%20’LudiKreation’%2C%0Afacebook%20%3A%20’facebook.com%2FLudiKreation’%2C%0Aflickr%20%3A%20’LudiKreation’%2C%0Adelicious%20%3A%20’LudiKreation’%2C%0Alinked%20%3A%20’linkedin.com%2Fin%2FLudiKreation’%2C%0Asmall%20%3A%20true%0A%7D)%3B » message= » » highlight= » » provider= »manual »/]
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