Plax.js

0
195
views

mouse-göre-hareket-eden-sayfa
Son zamanlarda  bu tarz bir çok örnek ve uygulama hazırlandı bazı geliştiriciler tarafından. Genel olarak hepsini mouse ile hareket eden  sayfa, banner,  arka plan diye ararız internette. Hepsinin genel adı Parallax  diye geçiyor. Parallax  diye arattırdığınızda bir çok eklenti bulabilirsiniz. jQuery Plax çalışması da  bu tarz örnekler hazırlamanız için Cameron McEfee  tarafından geliştirilmiş. Mouse ile hareket eden 3 boyutlu web sayfaları, 3 boyutlu banner yada resimler  hazırlayabilmek mümkün.

Bildiğiniz üzere png formatındaki resimlerin belirli yerlerini kesip bu alanların arkaplanının boş gözükmesini sağlayabiliyoruz. Plax uygulaması arka arkaya sıralanmış olan png formatında düzenlenmiş resimlerin  mouseye göre hareket etmesini sağlar. Plax’ın tek yaptığı da  budur ve asıl zor iş düzgün, uyumlu resimler hazırlamak. Şu an için aklıma gelen bir kaç tane örnek var  mesela dağlar, ağaçlar ve  yolları kesip png formatında kaydettikten sonra 3 boyutlu bir manzara oluşturabilirsiniz. Başlık için eklemiş olduğum resme dikkat ederseniz 3 tane yuvarlak resimden oluşuyor. Ortada büyük bir daire, önde ve arkada da küçük daire  bulunuyor. Bu daireler mouseye  göre sayfada hareket ediyorlar.

Kullanım

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

Js dosya adresleri : 

Css :

JavaScript : 

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

Html : 

 

 

1 oy (1 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikTubePlayer.js
Sonraki İçerikButonlara ses eklemek

1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?

Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here