jsMovie – Video Player Tarzı Resim Oynatma Eklentisi
jsMovie eklentisi resimlerinizi bir video player tarzınd a oynatmaya yarayan bir jQuery eklentisidir. Burkhardt tarafından geliştirilen jsMovie eklentisi adeta ilk zamanlarda yapılan filmler gibi resimlerinizi sırasıyla oynatıyor. Durdur, oynat, yenile gibi butonlar yardımıylada resimler durdurulup oynatılabiliyor. Hala geliştirme aşamasında olduğu için Burkhardt yeni özellikler eklemeye çalışıyor zamanla daah kullanışlı ve daha fazla özelliğe sahip olan bir eklenti haline gelecektir umarım.
Kullanım
- Head etiketleri arasına eklenmesi gereken bölümler
jQuery ve jsMovie eklentisinin adresleri :
|
1 2 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type='text/javascript' src='jquery.jsmovie.min.js'></script> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<script> $(document).ready(function(){ $('#movie').jsMovie({ sequence: 'animation####.jpg', from: 1, to: 120, folder : "ani/", height:200, width:300, loader: {path:"img/preloader.png",height:50,width:50,rows:2,columns:4}, }); $('#play').click(function(){ $('#movie').jsMovie('play'); }); $('#stop').click(function(){ $('#movie').jsMovie('stop'); }); $('#pause').click(function(){ $('#movie').jsMovie('pause'); }); }); </script> |
- Body etiketleri arasına eklenmesi gereken bölüm.
Html :
|
1 2 3 4 |
<div id='movie'></div> <div id='play'>play</div> <div id='stop'>stop</div> <div id='pause'>pause</div> |
