SideSwap – Basit ve kullanışlı bir manşet tasarımı

0
286
Görüntülenme

SideSwap

Bir  web sitesi için en önemli  özelliklerden biri de  sitenin en üstünde  slayt manşet bölümünün olmasıdır. Bu sayede önemli olayları ve uygulamaları ziyaretçilerimize daha hızlı tanıtabiliriz. Her  tasarım için her türlü slider  uygulaması uyumlu olmaz  her zaman. Ara sıra  çok sade örnekler bile site  tasarımı ile oldukça uyumlu görünür. Bu yüzden kullanışlı olan ve olmayan her türlü örneği sizlerle paylaşmak daha mantıklı geliyor  bana. Bu yüzden bunda fazla özellik yok diye paylaşmamak pek doğru bir karar değil sanırım.

Brian Blocker’in geliştirdiği jQuery  Sideswap uygulaması bahsettiğim türden çok sade  bir slider  örneğidir. Kimilerine göre  modern tasarımlara uygun görülemeyebilir ama ortada  tasarımı  bozacak bir özelliği yok uygulamanın. Siz sağ ve sol tarafta bulunan oklara  tıklamadığınız sürece resimler değişmiyor. Manşet  olarak kullanılamayabilir ama bir  resim galeri inceleme için gerekli yeteneğe sahip. Belki resimleri değiştirmek için kullanılan sağ ve sol ok tuşlarını beğenmeyebilirsiniz. Onları da kendinize  göre değiştirmek oldukça basit. Küçük bir ok işareti dahi ekleseniz ortaya güzel bir sonuç çıkar.

Mouse resimlerin üzerine geldiği  anda sağ ve sol ok işaretleri görünüyor. Mouse resimlerin üzerinde olmadığı zaman ok işaretleri görünmüyor. Facebook üzerinden galerilerdeki resimleri incelerken de buna benzer bir şey olduğunu fark etmişsinizdir mutlaka. Az çok Facebook benzeri resim galeri örneği diyebiliriz  bu uygulamaya. Sitenize kolaylıkla ekleyebileceğiniz bir resim galeri inceleme örneği.

 

Kullanım

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

Js dosya  adresleri :

JavaScript :

Css :

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

Html : 

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Önceki İçerikGenerator – Css buton oluşturucu
Sonraki İçerikJarallax
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.