Overlay – resme basınca çerçevede büyüsün

0
973
Görüntülenme

overlay
Web sitesinde küçük görünen resimlere tıklayınca aynı pencerede yeni bir çerçeve içerisinde resimlerin daha büyük boyunu göstermeye yarayan bir çok uygulama var.  Yanılmıyorsam FlowPlayer uygulamasının geliştiricileri tarafından bu ve bunun gibi bir çok işlemi tek bir Javascript kütüphanesi kullanarak kolaylıkla yapmanızı sağlayan mini bir kütüphane geliştirilmiş.  Tab, form, form doğrulama, slayt, input değer  belirleme gibi daha birçok tasarımı kolaylık yapabiliyorsunuz bu mini Javascript kütüphanesi yardımıyla. İlerleyen zamanlarda fırsat  buldukça sizlere bu örneklerin kullanımı hakkında teker teker konu açmayı planlıyorum.

Overlay başlığı eklediğim bu yazıdaki anlatımlar ile kolaylıkla sitenizdeki resimlere zoom efekti uygulayabilirsiniz. Aslında tam anlamıyla zoom efekti demek biraz yanlış olur. Ana ekranda küçük boy bir fotoğraf görüntüleniyor ve tıkladığınızda fotoğrafın daha büyük olanı arkaplanı gölgeli olan bir çerçeve içinde açılıyor. jQuery Tools kütüphanesini dilerseniz buradan indirip kendi sunucunuza yükleyebilirsiniz yada aşağıda verdiğim gibi direk geliştirici sitesinden de çekip kullanabilmeniz mümkündür.

Kullanım

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

Js dosya adresi :

Stil :

JavaScript :

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

Html :

1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 2,33 out of 5)
Loading...
Önceki İçerikFlux – 2D-3D geçişlere sahip bir uygulama
Sonraki İçerikAddClear.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.