Zoom.js – Resme tıklandığında büyütmek

0
639
Görüntülenme

zoom

Alışveriş sitelerinde sıkça rastladığımız örneklerden bir tanesidir ve ürünleri incelememiz açısından oldukça faydalı olan fotoğraf büyütme uygulamalarıdır bunlar. Mouse ile resmin üzerine geldiğiniz zaman yan tarafında mousu gezdirdiğiniz bölgenin büyütülmüş hali görüntülenir adeta mercek kullanıyormuş gibi. Kendi çerçevesi içinde büyüten yada modal pencerede açan örnekler de vardır. Zoom.js uygulaması da aynı amaçla ama her web sitesi için kullanılabilir bir tane çalışmadır.

Başlıkta tıklandığında büyütmek diye bir cümle attım. Yanlış bir başlık değil aksine eksik girilmiş bir başlıktır bu. Üzerine gelince büyütme ve mouse ile resmi tutunca da fotoğraflar büyütülebiliyor. Ayrıca kendi çerçevesi içinde ve alışveriş sitelerindeki örneklerden biraz farklı olarak zoom yaptığı için her web sitesi için kullanılabilir. İncelemk için tıklatmak yerine kendi çerçevesinde mousu gezdirerek her tarafı incelemek daha kullanışlı ve ziyaretçilere de zahmet vermeyen bir özelliktir.  Jack Moore tarafından yapılmış olan bu örnek bana göre  gerçekten çok ince düşünülmüş ve eksik kalır bir tarafı yok gibi.
Kullanım

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

Stil kodları : 

Js dosya adresleri : 

 JavaScript : 

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

Html : 

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Önceki İçerikPowerTip
Sonraki İçerikInstagram fotoğraflarını çekme
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.