360 derece Canvas ürün görüntüleyici

0
197
views

360-View

Daha önceleri bunun bir benzeri olan Threesixty-slider  diye bir jQuery eklentisi  paylaşmıştık. Şimdiki  demo da aynı özellikte. Html5  ve  Canvas kullanılarak hazırlanmış olan bu örnek  toplamda otuz  adet resimden oluşuyor ve  sayfa  yüklenme  işlemi bittikten sonra  360 derece  olarak ekrandaki htc  telefonu  dönüyor. Mousenizi  sol tıklayıp sürüklediğiniz zaman yine  aynı şekilde  360 derece  cep telefonu görüntülenebiliyor.

Htc  sitesinin anasayfasında şu anda bu demonun aynısı  bulunuyor.Zaten kullansa  kullansa bu tür siteler  kullanır  diye  düşünüyorum.  Aslında içimden kendi resmimi çekip eklemek  geliyor  ama  milim milim tutturmak  o kadar  kolay değil photoshop  kullanarak aynı hizaya getirmek istesem baya zamanımı alacak gibi görünüyor.  Sonuç  olarak emeğe  değer  diye  düşünüyorum. Kişisel sitelerinizde  bu tür  örnekler  hazırlayıp ziyaretçilerinize güzel bir  görüntü sunabilirsiniz bence.

 

Kullanım

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

Easel.js ve Css dosya adresleri : 

 JavaScript : 

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

Html : 

 

1 oy (No Ratings Yet)
Loading...
Önceki İçerikLogin panel
Sonraki İçerikRhino
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