jQuery jCarousel סקריפט

• מאי 3, 2024

jQuery הפכה הוספת תמונות לאתרים למשימה קלה. ישנם סקריפטים רבים של jQuery שפורסמו תחת רישיונות MIT ו / או GPL. רוב אלה הם סקריפטים של plug-and-play (plug-in) שאינם מצריכים שום ידע בתכנות לשימוש באתר האינטרנט שלך או להתקנה באתר הלקוח שלך. כדאי לך לשקול להוסיף סקריפטים של jQuery לשירותי העיצוב שלך.

תסריט jQuery אחד כזה של ג'אן סורגלה הוא jCarousel. לתוסף זה יכולות להיות יישומים רבים הן לגרפיקה והן לטקסט. תפקידו העיקרי של התסריט הוא לגלול תוכן אופקית או אנכית. התוכן יכול להיות סטטי או לטעון באופן דינמי דרך אייאקס, JavaScript, PHP או פליקר. כמובן שאפשרות שנייה זו דורשת היכרות עם שפות אלה. jCarousel עובד גם עם Thickbox 3 כך שתמונה בגודל גדול נפתחת ל- Thickbox כאשר לוחצים על תמונה ממוזערת בקרוסלה.

לרוב הקוד לתסריט מוזכר בחלק הראש של דף האינטרנט. תזדקק לספריית jQuery וקוד המקור של jCarousel וקובצי הגליון הסגנונות. מה שנחמד עם התוסף הזה הוא שהוא יכול להיות "עור" על ידי CSS כדי שיהיו לו מבטים רבים. התוכן שאותו עוקב אחר התסריט ממוקם בגוף דף האינטרנט ברשימת UL בסיסית.

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

השילוב עם זרם התמונות של Flickr ו- API של Flickr הוא תכונה נחמדה שלא נראתה ברוב הסקריפטים. הוא נבדק כדי לעבוד בכמה דפדפנים כולל Internet Explorer 6 הידוע לשמצה.

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

//sorgalla.com/projects/jcarousel/

הוראות וידאו: Responsive Touch Slider Using Html CSS & Swiper.js - 3D Responsive Slider Using Swiper.js (מאי 2024).