spin-360
npm install spin-360
spin-360 360 derece detaylı resim gösterimi için geliştirilmiş ve geliştirilmektedir.
360 derece ürün gösterimi ve özellikle e-ticaret siteleri için uygundur.
API
$(element).spin360(options);
Parametreler - Options
width: (Integer) Görsel alanının genişliği - Default (500)height: (Integer) - Görsel alanının yüksekliği - Default (500)datas: (Array) - 360 derece gösterilmesi istenen nesnenin sıralı listesi.imgClass: (String) - Görsellerin alacağı class değeri - Default (spin-image)type: (String) - 'images' ya da 'video' - Default (images)lazyLoad: (boolean) - Aktif olmayan görsellerin sayfaya yüklenmesini bekletir. Aktif olduktan sonra yükleyip, yüklenme zamanını dengeler - Default(true)
Kullanımı - Usage
İlk olarak 'Jquery' ve 'spin-360' scriptleri sayfaya dahil edilir.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script><script type="text/javascript" src="scripts/spin360.js"></script>/* Daha sonra 360 derece görselimizin görüneceği alan oluşturulur. */Son olarak spin-360 pluginimiz tetiklendikten sonra projemiz kullanılmaya hazırdır.
var spin = ;Projeyi çalıştırdıktan sonra durdurmak istiyorsanız:
spin.destroy();