SimpleImageViewer – Basit manşet sistemi

0
244
Görüntülenme

manset
Herhangi bir uygulama ihtiyacı olmadan bir kaç basit adımda hazırlanmış bir tane çalışma.   Sol tarafta resimlerin küçük boyu görüntüleniyor ve bu küçük fotoğraflara tıkladığınızda sağ tarafta büyük hali çıkıyor.  Resimler arası geçiş işlemi slideUp  yani yukarıya doğru kayan olarak ayarlanmış. Bir öncekine geçtiğinizde aşağı doru ve sonrakine geçtiğinizde de yukarı doğru gidip kayboluyor değişen içerikler.
Web sitenizde kullanmak yada başka türlü tasarımlar hazırlamak açısından oldukça işinize yarayacak kısa kodlar var bu örnekte. Sadece manşet bölümlerinde kullanılabilir örnekler hazırlamak için geçerli bir çalışma değil. Kolayca özelleştirebilir ve dilerseniz sayfalar arası geçiş yapmak için de kullanabilirsiniz demo üzerinde değişiklikler yaparak.

Kullanım

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

Js ve stil dosyaları :  

Css :

JavaScript :

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

Html :

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Önceki İçerikimgBox
Sonraki İçerikLavaLamp.js
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

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