צור תגובה מלאה ויפה עם דף מלא עם BaguetteBox.js

יש עשרות plugins וכולם נהדרים מסיבות אחרות. חלק לעבוד טוב יותר על אתרי תיק בעוד אחרים הם הטובים ביותר עבור פריסות תגובה.

אבל, אחד התוספים החדשים האהובים עלי להשתמש הוא baguetteBox.js, נוצר על ידי.

כמובן, תוסף זה הוא לגמרי בחינם לשימוש פתוח מקורות ב- GitHub אם אתה רוצה לחפור את הקוד באופן ידני.

הספרייה אין כל תלות, כך שתוכל להפעיל אותו ללא jQuery, Zepto, או כל דבר אחר. זה הספרייה JavaScript טהור עם הגדרה פשוטה באמת.

זה נועד לעבוד באופן מושלם על מכשירים ניידים, כך שהוא יכול לתמוך swipes וברזים, יחד עם התנהגות ברירת המחדל על מחשבים שולחניים & מחשבים ניידים. זה אחד מהגלריות המעטות שמופיעות במסך מלא תמיכה אינטראקציות ניידות, יחד עם אפקט מודאלי מלא.

בדוק את דף הדגמה לראות אותו חי בפעולה. יש גלריה בהשתתפות מלאה, יחד עם שורה אחת של קוד נדרש כדי לקבל את זה עובדYou

 baguetteBox.run ('BaguetteBoxOne'); 

אז זה למקד רכיב מכולה עם הכיתה .באגט וכל הגלריה עובדת על זה.

אתה יכול קבע אפשרויות מותאמות אישית אם אתה רוצה דברים כמו כיתובים, סגנונות לחצן, תכונות preload, ושיטות התקשרות עבור onclick / onchange אירועים. כל האפשרויות הללו הן מתועד היטב על גייתוב אם אתה רוצה לצלול פנימה.

אבל, זה באמת לא לוקח הרבה כדי לקבל את זה הולך מעבר אלמנט מכולה וכמה אלמנטים בסיסיים התמונה.

אתה יש שליטה מלאה מעל אנימציות, גודל תמונה, אפקטים להחליק, ותוכן גלריה כגון כותרות / כיתובים. זה דורשת JavaScript, ולכן אין לו חלופה CSS טהור מודאלי. אבל, מאז רוב הדפדפנים תמיכה ב- JavaScript זה לא צריך להיות בעיה.

לקבלת מידע נוסף, בקר בדף הראשי של BaguetteBox.js ואתה יכול גם לשתף את המחשבות שלך עם היוצר ב- Twitter @feimosi.