שימוש ב- jQuery כדי למצות עמוד אינטרנט רגיל

jQuery

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

כל הדפדפנים המודרניים מסוגלים להריץ JavaScript ביעילות (כמה שינויים אחרונים ב- Firefox אבל באמת האיצו את המנוע שלהם). אני ממליץ בחום להוריד ולהשתמש ב- Firefox - תוספים לבד הופכים את זה לא יסולא בפז.

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

jQuery עשתה בדיוק את הטריק.

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

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

כל שעליך לעשות הוא להוסיף את הקוד בתוך תג הראש שלך ואתה יוצא לדרך עם jQuery:


כדי להפעיל את הקרוסלה, הייתי צריך להעלות ולהפנות את התסריט לקרוסלה:


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

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

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

תגובות 3

  1. 1

    כרגע אני בונה מחדש את האתר שלי ומכוון להשקה בסוף השבוע אם הכל ילך כשורה. אני משתמש ב- jQuery בכמה היבטים ואין לי תלונות עד כה. נראה שהכל נותן את התחושה של "web 2.0" ומקווה שזה רק יחמיא לאתר המוגמר.

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.