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

1
374
Görüntülenme

booklet

İ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.

 JavaScript : 

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

Html :

 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
Kitapçığın desteklediği birkaç  tane  daha fonksyion bulunuyor. Ama sanırım  bu  fonksiyonlar  her  ihtiyacı  görür  gibi. Diğer  fonksiyonlar arasında çok uzun sayfaları tek  tek geçmek  yerine  direk  belirlenen  sayfaya gitmek  fonksiyonlarda  var. Geri  kalan fonksiyonları  buradan inceleyebilirsiniz.

1 Yorum

  1. Merhaba, Ben web sitemi e-dergi formatına çevirmek istiyorum. Dergiyi hazırlayıp yükleme işini tamam ama sitenin formatı farklı olduğu için onu nasıl e-dergi sitesine çevireceğimi bilmiyorum. Booklet’i indirmek yeterli olur mu?

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.