Fancy – Basit bir zoom efekti

0
257
Görüntülenme

fancy
Resimler için kullanımı kolay ve basit hazırlanmış bir zoom örneği. Sitenizdeki resimlere uyarladığınızda mousenin üzerine geldiği resim büyüyor. Fotoğraf galerileri için kullanmaya oldukça elverişlidir. Tema satışı yapan bir sitede de buna benzer bir çalışma görmüştüm. İncelemek istediğiniz örneğin başlığının üzerine geldğinizde hemen tam boy resmi görüntüleniyordu. Alış veriş siteleri için de bu çalışmayı kullanmak işinize yarayacaktır. Zoom esnasında bekleme olmadığından ziyaretçileriniz de sıkılmayacak ve anında ürünleri inceleyebilecek.

Kullanım 

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

Js adresi : 

Stil : 

Örneğin daha güzel  görünmesi için büyük olan resimlere  ve   Css3 Border Radius ve Box Shadow  özelliği  ekledim. Bu  zellikleri destekleyen tarayıcılar :  Mozilla 3+, İE 9+,  Safari 3+, Opera 10.5 +, Cherome 4+, BlackBerry 6+ ve İOS 1.0+

 JavaScript : 

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

Html : 

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.