jQuery plugins - Facebook Like Plugin
jan 23

Facebook Like Plugin

Lájk lájk lájk!

Verzió: 1.0
Kiadás dátuma: 2010
Fejlesztő: Jake Rutter
Liszensz: MIT, GPL

Bevezető

Azt hiszem a "lájkolás"-t nem kell külön bemutatni, valószínűleg mindenki tisztában van ennek lényegével és a benne rejlő lehetőségekkel. A közkedvelt Facebook gombot a jól ismert kéztartással bármely oldalunkon elhelyezhetjük az alábbi plugin segítségével.

Implementálás

JavaScript

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

Deklaráció

            $(document).ready(function(){
              $('#gomb').oneFBLike({
                appID: 'XXXXXXXXXXXXXXX'
              });
            });
          

Használat

Mindössze egy sima, azonosítóval ellátott DIV blokkot kell készítenünk, melyhez a plugin-t hozzá rendeljük:

            <div id="gomb"></div>
          

Teljes paraméterlista

  • appID: Facebook alkalmazás azonosító (azonosító itt kérhető: facebook)
  • siteTitle: az oldal címe
  • siteName: az oldal neve
  • siteImage: tetszőleges kép URL-je a bejegyzéshez - a képnek minimum 50 x 50 pixel nagyságúnak kell lennie és a legjobb, ha négyzet formájú
  • buttonWidth: a gomb szélessége pixelben (alapértelmezett: 450)
  • buttonHeight: a gomb magassága pixelben (alapértelmezett: 80)
  • showfaces: profil képek mutatása - csak 'normal' megjelenítés esetén (layout paraméter)
    (true | false) (alapértelmezett: true)
  • font: használt betűtípus ('arial' | 'lucida grande' | 'segoe ui' | 'tahoma' | 'trebuchet ms' | 'verdana')
    (alapértelmezett: 'lucida grande')
  • layout: a plugin megjelenítése ('normal' | 'button_count' | 'box_count')
    (alapértelmezett: 'normal')
  • action: a plugin típusa ('like' | 'recommend') (alapértelmezett: 'like')
  • colorscheme: színséma ('light' | 'dark') (alapértelmezett: 'light')