
BigPicture.js היא ספריית Javascript רספונסיבית (מותאמת למובייל) , נטולת CSS קלה ונוחה לשימוש המיועדת עבור הצגת וידאו ותמונות.
בין הפיצ'רים הכלולים נמנים גם הדברים הבאים:
- תמיכה בתמונות מ Local Storage וכן מ Remote Storage.
- הצגה של וידאו מיוטיוב, VIEMO ו HTML5.
- קסטומיזציה של טריגרים ואירועים..
- Content Loading Spinner
איך משתמשים?
הוסף הפניה לקובץ ה JS:
1 |
<script src="BigPicture.js"></script> |
צור אובייקט מסוג BigPicture אותו תרצה להציג בעמוד שלך:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
BigPicture({ el: this, imgSrc: '1.jpg' }); BigPicture({ el: this, vidSrc: 'html5.mp4' }); BigPicture({ el: this, ytSrc: 'VIDEO ID HERE' }); BigPicture({ el: this, vimeoSrc: 'VIDEO ID HERE' }); |
הצג/הסתר את תמונת הטעינה:
1 2 3 |
BigPicture({ noLoader: false }); |
אפשרויות לפונקציית Callback:
1 2 3 4 |
BigPicture({ animationStart: function() {}, animationEnd: function() {} }); |
לאתר הבית של הפלאגין: https://github.com/henrygd/bigpicture
להורדת הספריה: https://github.com/henrygd/bigpicture/archive/master.zip
דמו ודוגמאות: https://henrygd.me/bigpicture/
Leave a Reply