הבעת IT

לא שיש רק Lightbox של כמה שאתה יכול למצוא כאשר גוגל. הבעיה עם רוב תיבות אור שמצאתי היה כי כולם נראו להשתמש באחד או אחרות כבדות משקל של JavaScript במסגרות כמו Prototype JQuery, MooTools ואת אוהבת. כולם קריר swanky מחפש. אבל אם הדרישה שלך היא "אבל אני רוצה סקריפט Lightbox פשוט קל לשימוש באתר שלי", אז הנה היא:

כמה תכונות נחמדות של Lightbox זה

1. קל מאוד
   . 4kb של סקריפטים כאשר ארז (8 KB פרקה)
   ב. 2 קילו של CSS
   ג. שורות של HTML עבור מיכל Lightbox
2. פשוט להבין וליישם
3. אפשר לקבל תיבות אור מרובים על אותו דף.
4. מיכל Lightbox אותה משמש להראות, תוכן שונה (הכלול בנפרד חטיבות מוסתרים הדף), בהתאם הקישור / אפשרות הלחיצה.
5. באופן אוטומטי מרכזי עצמו, לוקח בחשבון את כל גורמים כגון, גובה חלון ורוחב (רזולוציית מסך), כמות בדף הגלילה ועל גובה את תוכן Lightbox
6. נבדק ב-IE 7 ו FF

הצג הדגמה |
הורד מיקוד מקור Lightbox (הורידו 1791 פעמים)

jo.js, jo_pack.js [גרסה ארז]: - סט פשוט של JavaScript חפצים [JO], המכיל, אלמנט החלון מיקום סקריפטים מסמכים. אתה יכול לפתוח JO.JS אם אתה רוצה ללכלך את הידיים עם Javascripting קצת מתקדם, יצירת פונקציות מופשטות, הארכת מאפייני אלמנט וכאלה. אם אין יותר מדי Javascripting, עזוב את זה.

lightbox.js, lightbox_pack.js [נוסח ארז]: - מכיל אור מנהל סקריפטים תיבת. אם אתה מעצב הדף, אחראי גם על יישום Lightbox על הדף, אתה צריך להבין LightBoxManager. LightBoxManager בעצם מכיל רק שתי פונקציות showLightBox ו closeLightBox.

lightbox.css: - אם אתה יודע CSS, אתה יכול לשחק עם סביב lightbox.css להתאים אישית את המראה-n-מרגיש lightbox.css

index.html: יישום לדוגמא של Lightbox 2 עם תוכן שונה

lb_underlay_bkg.png: - זה האור / סימי תמונה שקוף המשמש רקע ביסוד Lightbox [ביסוד היא שכבה מתחת lighbox, אשר מונעת מהמשתמש לחיצה על כל גוף אחר בדף, בעוד Lightbox פתוח]. ניתן להשתמש בכל תמונה או אפילו צבע אחיד למטרה זו, בהתאם לעיצוב הדף את הדרישה.

icon_lb_close.gif: - התמונה להגדלה ידית Lightbox קרוב בפינה הימנית העליונה של תיבת האור. ניתן להשתמש בכל תמונה בהתאם לעיצוב

הצג הדגמה |
הורד מיקוד מקור Lightbox (הורידו 1791 פעמים)

נא לתת לנו את הערותיך ואת המשוב ...