Kinetic.js – Sürüklenebilir çerçeveler oluşturmak

1
541
views

kinetik

Geçen sene bu vakitlerlde  sitemizde Kinetic uygulamasını paylaşmıştık.  O zamanlar  fazla  kurcalamamıştım ve hakkında  çerçeve içinde  resim sürükleme diye bahsetmiştim. Kinetic   ile küçük  bir  çerçeve içine daha  büyük bir çerçeve ekleyerek mouse  ile tutup herhangi  bir  yöne  doğru sürükleyebilirsiniz. Genelde websitelerin orta kısmında kullanılan carousel galeri örneklerini  bilirsiniz. Mouse  ile  sağ ve sol taraftaki oklara  tıklandığında çerçeve içinde  resimler  soldan sağa yada sağdan sola doğru kayarlar. Bu gün  Kinetik  ile  böyle  bir örnek paylaşmak istedim sizlerle.  Herhangi bir zahmet gerekmeden sadece ana çerçeveyi overflow:hidden olarak ayarladıktan sonra çerçevenin içindeki içerikleri (resim, video, yazı vs.) nesneleri  sürükleyebilirsiniz.  Hatta  dilerseniz  websitenizin tamamının  bile kaydırma çubuğu (scroll) ihtiyacı olmadan mouse  ile  tutup sürüklenebilmesini  sağlayabilirsiniz

 

Kullanım

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

js  adresleri :

 Css :

  •  Body etiketleri arasına eklemeniz gereken bölümler.

Html :

 JavaScript :

 

1 oy (No Ratings Yet)
Loading...
Önceki İçerikSolda gizli fotoğraf çerçevesi
Sonraki İçerik3D cube style rotating
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

1 Yorum

CEVAP VER

Please enter your comment!
Please enter your name here