Resme tıklandığında resmin büyümesi

0
741
views

magnify

Çok uzun zaman önce çok beğendiğim ve birçok çalışmada kullandığım Magnifier eklentisini yayınlamak isterdim her zaman. Ama nedense  işime gelmeyen bir yönü olduğu için hep  askıya aldım tanıtmayı. Hala birçok sitede kullanıldığı için bunca zaman bu Magnifier uygulamasına  haksızlık ettiğimi anladım.  jQuery 1.3.2 versiyonu yayınladığından beri var  olan Magnifier   ilk resim büyütme  çalışmalarından biridir.  Tam olarak kesin birşey söyleyemem ama  ilk resim büyütme örneği de olabilir. 🙂

Magnifier  web sayfanızda bulunan resimlere zoom efekti sağlayan bir çalışmadır. Resim efekti diye  tanıtmak  sanırım daha doğru bir tabir olurdu Magnifier  için. Çünkü zoom efekti yani büyütme efekti vereceğiniz  resimlerin ne kadar büyüyeceğini sizler  belirliyorsunuz. Çoğu resim büyütme örneklerinde  bir küçük resim birde büyük resim kullanılırken Magnifier ‘de tek bir  resmi kullanarak büyütebiliyorsunuz. Fazladan resim yüklemeyeceğiniz için sunucunuzada fazla yük olmaz.

Lightbox örneklerini  duymuşsunuzdur belki.  İnternette arama yaparak birbirine benzeyen birçok  lightbox çalışması  bulabilirsiniz. Resim tıklandığında ekranın tam ortasında resmin büyük bir şekilde açılmasını sağlayan uygulamalardır. Magnifier de  biraz bu mantıkla çalışan bir örnektir.  Magnifier  ile kullanılan resme tıkladığınızda resim biraz saydamlaşıyor ve  ekranın tam ortasına tıklamış olduğunuz resim büyüyerek yerleşiyor.

 

Aranan kelimeler:

  • resmi büyütme tasarımları
  • üzerine tıklayınca büyüyen fotoğraf
  • html resme tıklayınca büyütme
  • html resme tıklayınca
  • mebılın buyume resmı
  • html5 resim tıklayınca büyütme
  • html kodlarıyla resme tıklayınca buyume
  • html 5 resme tıklayınca büyütme
  • üzerine tıklayınca büyüyen fotoğraf kodu
  • büyüyen resim kodu html
1 oy (2 votes, average: 4,50 out of 5)
Loading...
Önceki İçerikMagazineStyle
Sonraki İçeriksmoothSlider
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