Tutorial Programming

Tutorial Mengunakan Plugin jQuery FitText 


Plugin FitText berfungsi untuk mengubah ukuran dari sebuah teks agar pas sesuai dengan lebar dari layar. Bingung? Coba lihat gambar berikut, mungkin bisa ngerti:

Sudah mengerti? Sekarang kita akan mencoba menggunakannya
Pertama, kita harus mendownload pluginnya dulu disini. Jika sudah, gunakan kode berikut:
1
$("elemen").fitText();
Ganti elemen dengan eyang ingin di "FitText" kan, dan, sudah, selesai, gitu aja
Sekian dari ane, semoga bermanfaat

Oh ya, tutorialnya belum selesai :D
Jika agan masih belum puas dengan hasilnya, mungkin agan bisa bermain dengan "The Compressor", defaultnya adalah 1, jika dinaikkan dia akan resize dengan lebih agresif, dan sebaliknya. Contoh penggunaan:
1
$("#elemen").fitText(1.2);
Agan juga bisa tambahkan "minFontSize" dan "maxFontSize" untuk mengatur ukuran maksimum dan minimum dari fontnya
1
$("elemen").fitText(1.2, { minFontSize: '20px', maxFontSize: '40px' })
Jlupa, ada hal yang harus diperhatikan:
Pastikan elemen yang ingin di FitTextkan mempunyai width, gunakan display:block atau display:inline-block + ukuran width yang diinginkan. position:absolute juga memerlukan width
Sekian dari ane, semoga bermanfaat

No comments:

Post a Comment

Tutorial Programming Designed by Templateism | Ary EJFA Copyright © 2015

Theme images by richcano. Powered by Blogger.