Booklet - Dergi tarzı web sayfası yapımı

İnternette  Booklet uygulamasının   Js ve flash olarak bir kaç tane benzeri  var  ve  daha önceden paylaşmış  olduğumuz turn.js  ile  biraz  benzer niteliğinde. Will Grauvoge'nin geliştirmiş  olduğu  bu örnek aslında  Charles Mangin  tarafından hazırlanmış  olan PageFlip eklentisidir. Will Grauvoge  PageFlip uygulamasını   biraz  daha geliştirerek  kullanıcıların daha  kolay ve daha fazla  özellikte  kullanabilmelerini  sağlamıştır. Şimdiki  adı  Booklet  olan PageFlip   halen Will Grauvoge tarafından geliştirilmeye  devam ediliyor. Booklet  şu an için  bir çok  özelliğe sahip ve tek  başına  internet  üzerinden bir  dergi yada kitap  benzeri web siteler  hazırlanabilmesi  için elverişli görünüyor.  Klavye yön tuşları ile  sayfalar  arası geinti, mouse ile sayfaları tıklayarak  çevirme, otomatik  sayfaların çevrilmesi gibi birçok  özelliği  bulunan bu  eklentide tek yapmanız  gereken fonksion ismi  yazıp  yanınada true(doğru) yada false (yanlış) terimlerini  ekleyip kullanmak istediğiniz özellikleri  belirlemek. Kullanım

• Head etiketleri  arasına eklenmesi  gereken bölümler.

Js ve sill  dosyası:  Bunların dışında jQuery dosyasını da eklemeniz gerekiyor. İndireceğiniz dosyada kurulu halde bulunuyor.

<script src="booklet.1.4.0.js" type="text/javascript"></script>
<link href="booklet.1.4.0.css" type="text/css" rel="stylesheet" media="screen, projection, tv" />

 JavaScript : 

<script type="text/javascript">
$(function() {
	$('#mybook').booklet({
		pageNumbers: true, // sayfa numaralandirma
		keyboard : true, // klavye yon tuslari
		auto : true, // otomatik
		delay : 2000, // zamanlama
	});
});
</script>

• Body  etiketleri arasına eklenmesi gereken bölüm.

Html :

<div id="kitapcik">
 <div> 
 <h1>Sayfa 1</h1>
 </div>
 <div> 
 <h1>Sayfa 1</h1>
 </div>
 <div> 
  <h1>Sayfa 1</h1>
 </div>
 <div> 
 <h1>Sayfa 1</h1>
 </div>
</div>

 Eklentide  kullanabileceğiniz diğer  javascript fonksiyonlar

1. Width :  kitapçığın genişliği. Örnek : width : 900,
2. Height : Kitapçığın yüksekliği. Örnek : height : 600,
3. Speed :  Sayfalar  arası geçiş  hızı. Örnek : speed: 250,
4. Direction :  Kitapçığın yönü. Arab alfabesinde kitaplar  sağ taraftan başlar. Türkçede  ise soldan. Bunun için yapmanız  gerekn birşey yok  ama  sağ taraftan başlayan bir  kitapçık  örneği oluşturmak için kullanılması gerekiyor. Örnek : Direction : 'RTL', tam  tersi  için ise : Direction : 'LTR',
5. Easy : Bildiğimiz  easing  fonksiyonlarını da Booklet ile kullanarak  sayfalara  geri tepme özelliği kazandırabiliyoruz.  Örnek  : easing:  null,easeIn:null,easeOut:null,
6. pageNumbers : Sayfa numaralarının gözükmemesi  için kullanılır. Numara gözükmesini istiyorsanız  eklemenize gerek yok. Örnek : pageNumbers : false
7. Shadows : Sayfa  çevrilirken görünen gölge  efektini  görünmemesi  için kullanılır. Örnek : shadows : false,
8. Closed : Kitapçığın  kapatılabilmesini sağlıyor. Birde bununla  beraber  kullanılan AutoCenter fonksiyonuda  kitapçık açıldığı  zaman kitapçığın sayfada ortayanabimesini sağlıyor. Örnek : Closed : true, AutoCenter : true,
9. Auto : Sayfaların otomatik değişmesini sağlayan fonksiyondur. Zaman aşımını  ayarlamak içinde delay fonksiyonu  ile  beraber  kullanılır. Örnek : auto: true,delay: 2000