SimpleImageViewer – Basit manşet sistemi

By

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...


Leave a Comment

Your email address will not be published.

You may also like

Trend