Nasıl Kullanılır?
Font boyutuyla oynayacağınız divi seçip eklentiyi çalıştırıyoruz; Örnek bir html kodu;
Artır (+)
Azalt (-)
Burası bastıkça büyür ya da küçülür..
Şimdi jquery ve eklenti dosyamızı sırasıyla çağırdıktan sonra şu #bilgi divini seçip eklentiyi kullanıyoruz;
$("#bilgi").pFont();
Tabi bu azaltma ve artirma işlemlerini neye göre yapıyor derseniz onun içinde parametreler belirtiyorsunuz.. Default olarak parametreler şu şekilde;
minBoyut - 10 (En fazla azaltılacak font boyutu)
maxBoyut - 20 (En fazla çoğaltılacak font boyutu)
font - 12 (Standart font boyutu (seçilen nesnenin))
artiID - #artir (Artırma işlemi için default id)
eksiID - #azalt (Azaltma işlemi için default id)
İstersniz bunu kendinize göre düzenlersiniz.. Örneğin html kodumuzu şöyle yapalım;
Artır (+)
Azalt (-)
Burası bastıkça büyür ya da küçülür..
Ve js kodumuzda şöyle olsun.. Değerleri değiştirelim;
$("#bilgi").pFont({
'artiID' : 'fontArtir',
'eksiID' : 'fontAzalt',
'font' : '15' // nesnemin başlangıç font boyutu
});
Eklentiyi indirmek için;
Link: http://www.prototurk.com/jquery-eklenti/pFont.js
Demo:
http://www.prototurk.com/demo/pFont/