Immersive.js

0
476
views

ImmerSive

Slider uygulamalarının  genel amacı içerik kaydırma için kullanılır. Bu kısmı bilmeyen yoktur  sanırım. Nadiren slider uygulamalarında  farklı özellikler  bulunur. Kodlamaları farklı bile olsa  çoğunun çalışma şekli  aynıdır. Hepsi  birbirinin kopyası gibi  görünür. Bu  seferki slider örneğinin  çalışma şekli daha önce  hiç karşılaşmadığım türden. Sağ tarafta  resim, sol tarafta resim açıklaması  bulunuyor. Sağ ve sol ok  tuşlarına tıklayarak yada alt kısımda bulunan küçük noktacıklara tıklayarak içerikler  arası geçiş yapılabiliyor. İşin buraya  kadar  olan kısmı  diğer  bütün slayt  eklentilerinde olduğu gibi  görünüyor. Immersive slider uygulamasını diğerlerinden  farklı kılan özellik ise her  slayt geçiş işlemi  sırasında sağ tarafta  bulunan resmin aynısı  ama  daha bulanık hali  slayt çerçevenin arkaplanında tam boy olarak hareket  ediyor. Yanlız bulanık resim otmatik Immersive uygulaması tarafından oluşturulmadığı için kendiniz düzenlemek zorundasınız. Her slayt için bir normal resim bir de bulanık resim ayarlamanız gerekiyor.

Kullanım

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

js vs css dosyaları :

 

JavaScript :

Css :

Demo sayfasında kullanılan kodlar.

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

Html :

 

1 oy (No Ratings Yet)
Loading...
Önceki İçerikFashionista
Sonraki İçerikBlueMarlin
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