TinyCircle – jQuery yuvarlak slayt eklentisi

By


Tiny  Circleslider web tasarımcılarına kolaylık sağlamak amacıyla Marten Baijs tarafından hazırlanan bir jquery  eklentisidir. Bu eklenti sayesinde çok kısa kodlarla dairesel galeriler  oluşturulabiliyor.  Javascript  ve jQuery  kütüphanesi  ile  hazırlanmış bie  framework.

Özellikleri:

  •  iPhone, iPad ve Android Destekler
  • Thumb veya çağrı cihazı tarafından sürgülü destekler.
  •  Her milisaniye için otomatik  slayt  ayarlanabilir
  • Dairesel  alanda kırmızı nokta sürüklenirken fade efecti ile  diğer  mesafeler görünür  ve kaybolur
  • Kaydırıcıyı Boyutu (radius) olarak ayarlanabilir.
  • Her hamleden sonra, bir geri çağırma yapılabilir.
  • Kolay özelleştirilebilir
  • Kod Hafif sadece 130 satır. 4 kb boyutu

 

Demolar:

Demo 1 Manuel : Kırmızı noktayı  dairesel  alanda  gezdirirseniz resimleri değiştirebilirsiniz.


$(document).ready(function(){
$('#rotatescroll').tinycircleslider();
});

Demo 2 Auto :


$(document).ready(function(){
$('#rotatescroll').tinycircleslider({ interval: true, snaptodots: true });
});

Demo 3 Manual : Hareketlilik otomatik değil ama kırmızı noktayı mouse ile tuttuunuz an diğer resim mesafeleri kırmızı nokta olarak görünür.


$(document).ready(function(){

$(‘#rotatescroll’).tinycircleslider({ ‘interval’: false, snaptodots: true });

});

Download :Tiny Circleslider.js

Örneği indir: Tiny Circle Slider

Sadece kaynak kodunu kullanmak istiyorsanız aşağıdaki demo adresinden alabilirsiniz.

Demo : jQuery Tiny  Circle  Slider

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...


Leave a Comment

Your email address will not be published.

You may also like

Trend