גלריית פלאש על בסיס XML מתנה!
בחודשים האחרונים כמעט ולא היה לי זמן לכתוב שום פוסט וזאת מכוון ועבדתי על האתר של חברת בניית האתרים שלי – דקור. עכשיו לאחר שהאתר על הרגליים התפניתי לעשות מה שהרבה זמן רציתי כבר לעשות – לפרסם כאן פוסט. אז כמובן גם הפעם אני מצ’פר אתכם במתנה, והפעם גלריית פלאש מקורית (לא, לא כמו כל הגלריות שאפשר לבנות עם jQuery), שטוענת תמונות מתוך XML ומייצרת מסך מלא תמונות וכאשר לוחצים על תמונה היא נפתחת באמצעות lightbox. קרדיט גדול לאיתי גורן שאיתו בניתי את הגלריה. תהנו.
picWin - גלריית פלאש עם טעינה מתוך XML
אפשרויות:
1. הוספת תמונות מתוך XML –
ניתן להוסיף תמונות לתוך קובץ pics.xml. כל תמונה תקבל את המאפיינים הבאים:
1 2 3 4 5 6 | <pic> <dir>picDir/normal</dir> <big_dir>picDir/big</big_dir> <name>1.jpg</name> <desc>picture title</desc> </pic> |
dir - התיקייה בה תמצא התמונה לפלאש (התמונה הקטנה)
big_dir - התיקייה בה התמונה ל-lightbox (התמונה הגדולה)
name - שם קובץ התמונה (בשני התיקיות!)
desc - יופיע כתיאור התמונה בתוך ה-lightbox.
2. תוכלו לשנות את מספר הריבועים בפלאש באמצעות שינוי שורה מספר 6 בקובץ project.fla:
1 | var fdata:fData = new fData(5,8,stage.stageWidth,stage.stageHeight,"height"); |
החליפו את הספרה 5 במס’ השורות הרצוי ואת הספרה 8 במס’ העמודות הרצוי.
שתפו את הפוסט הזה:
גלריית פלאש מתנה
טעינת תמונות באמצעות jQuery
אריאל במאמר 
אורן רוט במאמר 
עופר במאמר
מדהים!
אני אשתמש בזה כדף כניסה לאתר חדש שאני בונה.
שאלה: אתה בנית את הפלאש הזה?
[תגובה]
אורן רוט
31 בJanuary
אני שמח שאהבת…אתה מוזמן לפרסם את כתובת האתר שזה יהיה מוכן ונראה את המימוש שלך.
כמו שציינתי, אני וחבר טוב שלי איתי גורן בנינו את הגלריה.
[תגובה]
אשר
31 בJanuary
בשמחה
[תגובה]
דנית
10 בMarch
מדהים!!!!!
[תגובה]
רונן
3 בMarch
מעניין מאוד!
[תגובה]
מגניב,
אני לא כ”כ רואה איך אני משתמש בזה
אולי רק בשורה אחת.
[תגובה]
WOW אחלה גלרייה.
תודה
[תגובה]
אני מנסה לפתוח 2 גלריות או אפילו 3 באותו אתר אך אני לא יכול לשנות את הקובץ של הpics ולכן כל פעם הוא פותח את אותן תמונות.. איך אני יכול ליצור 3 גלריות שכל אחת תקבל תמונות מתיקיה שונה?? תודה
[תגובה]
אורן רוט
7 בApril
בתוך קובץ הAS מוגדר שם קובץ הXML – בדוגמא שלנו “pics.xml”. כל שעליך לעשות הוא לפתוח את קובץ הAS לשנות את שם קובץ הXML לשם המבוקש ולרנדר מחדש את הפלאש, כך שכל SWF יפנה לקובץ אחר.
[תגובה]
אחלה גלריה! תודה
רק שאלה, משום מה כשהתמונות הגדולות נפתחות אצלי, תיאור התמונה מופיע בעברית – תקין, אך הטקסט: “תמונה מס’ 1 מתוך 40″ מופיע כג’יבריש… יש מושג למה ואיך לתקן?
[תגובה]
אורי
14 בApril
הצלחתי להבין את טעות הטקסט וזה הסתדר.
שאלה נוספת בהמשך לשאלה של לורן על פתיחת מספר גלריות באותו אתר.
הבעיה היא שכשאני פותח את קובץ ה-FLA ומייצא אותו לפלאש, קובץ הSWF שאני מקבל נותן מסך שחור ולא מריץ את הגלריה…
[תגובה]
אורן רוט
14 בApril
זה בסדר גמור. דרך הפלאש לא תוכל לראות את התמונות אך כאשר תפתח את הגלריה בשרת הכל יעבוד. הסיבה היא הגנה של הפלאש מעבודה במצב לא מקוון. כמו-כן צריך לפתוח את הפלאש צמוד לקובץ הXML ולכן מתקבל מסך שחור.
אל דאגה מהמסך השחור, שים את קובץ הSWF שנוצר בתיקייה הרצויה והכל יעבוד.
[תגובה]
אורי
14 בApril
לצערי, עדיין לא הצלחתי לפענח את הבעיה.
סדר הדברים כפי שנעשו על ידי:
1. בקובץ fData שבתקיית classes את שם הקובץ pics ל- pics2.
2. שיניתי את שם הקובץ pics עצמו ל-pics2.
פתחתי את קובץ הFla ורינדרתי מחדש את הפרויקט.
3. העלתי את הקבצים לשרת וזה מה שאני מקבל:
http://www.dnarc.co.il
אורי
14 בApril
שכחתי לציין שבזמן הרינדור בפלאש הוא מודיע על compiler errors – 20 reported
אז נראה לי שהבעיה היא ברינדור…
כן, זה פרט שחשוב להזכיר.
כדאי שתציין מה השגיאות שהוא מציג לך.
למיטב זכרוני השתמשתי בספריית ההנפשה tweenlite אז אתה צריך להוריד אותה ולשים אותה בתיקיית הפלאש או לחלופין בתיקיית הAS שלך.
הקוד שנתתי כאן בפוסט הוא קוד פשוט למימוש אבל על-מנת לערוך צריך להבין קצת פלאש (קרי, לקרוא את הcomile errors ולפעול בהתאם) ואז זה לא מסובך כל-כך.
[תגובה]
אורי
14 בApril
הורדתי את tweenlite ועקבתי אחרי השגיאות ועם קצת קריאה בגוגל הצלחתי לתקן. (בעיקר הפניות למיקומים לא נכונים אצלי במחשב)
עכשיו הכל עובד מצויין!
תודה רבה – עבודה מעולה!
[תגובה]
אורן רוט
14 בApril
אני שמח שהסתדרת
אתה מוזמן לתת לינק לאתר שמופיע בו בגלריה שנוכל להסתכל במימוש שלך…
[תגובה]
אורי
14 בApril
שאלה אחרונה –
איך שולטים בגודל הגלריה?
האם ניתן להקטין אותה קצת?
[תגובה]
אורי
14 בApril
מצאתי את הדרך – תודה!
היי , אפשר להפוך את זה לגלריה וידאו?
[תגובה]
אורן רוט
4 בMay
ברמת העקרון אפשר, אם ידע בפלאש וAS3.
[תגובה]
קטלני
[תגובה]
היי ,
באמת.
רצוי לציין שהגלריה מדהימה
הורדתי את הגלריה , שיניתי את התמונות כמו שצריך והכול עבד יופי , אך , כאשר הוספתי
עוד גלריה, לא בדרך שצויינה כאן,
אלא פתחתי עוד תיקיה שנקראת Gallery1
עם כול קבצי הגלריה בתוכה כולל התמונות כמובן.
ובצעתי הפניה בלינק, אל התיקיה הזו ,לקובץ
Gallery.html , אך התקבל מסך שחור ללא התמונות
וגם כאשר אני מנסה לפתוח את התיקיה הקודמת
שהייתה תקינה לפני השינוי,
קרה בדיוק אותו הדבר , מסך שחור ללא פרטים
יש לך איזה רעיון?
תודה מראש
הנרי
[תגובה]
אורן רוט
13 בJune
הכל קשור למיקום הקבצים.
אתה חייב לשים תמיד את הXML בצמוד לHTML התמונות יכולות להיות יחסיות וגם הSWF.
[תגובה]
בדיוק כזה דבר חפשתי , הבעיה שאני צריך אותו בפרופיל אחר זיות הפוכה 1000*600
ושהמסגרת תהיה שחורה במקום לבן ,
הנה מה שנסיתי לעשות http://tuxedo.co.il/1/ties.html
בנוסף שבוחרים תמונה היא נפתחת כזה למטה
זה אמור להשתלב לתוך עמוד כזה http://tuxedo.co.il/1/
אם יש משהו שיוכל לעזור אני ישמח , חיים
[תגובה]
אורן רוט
25 בMay
אתה יכול לעשות הכל עם קצת ידע בAS3…לצערי אני לא אוכל לעשות זאת בשבילך
[תגובה]
חיים
26 בMay
סורי על הבורות מזה AS3 ?
ורק לשנות תשורות כמו שרשמת לפתוח תקובץ project.fl בפלאש לא מצאתי מה לשנות שם ( מודה אני ופלאש לא חברים)
[תגובה]
אורן רוט
26 בMay
AS3 זה השפה שבה כותבים קוד בפלאש. אם אתה לא מכיר אתה יכול למצוא מדריכים טובים באינטרנט ללימוד השפה.
אהלן, הורדתי והעלתי לאתר את כל החבילה כמו שהיא על מנת לבדוק שהכל פועל. אבל משום מה הוא לא מרה את התמונות זה האתר: fbs.co.il אשמח לעזרה!
[תגובה]
בהצלחה, תודה רבה.
[תגובה]
פצצה , אני הולך לעוף על זה באתר שלי
מקווה שיעבוד טוב
זה האתר http://www.haleluya.info אם אתם רוצים לבדוק אם עשיתי את זה טוב אני שם את זה כפרסומת – ושם קישור בלי נדר לפוסט הזה
[תגובה]
אורן רוט
2 בDecember
הסתכלתי באתר ולא ראיתי, איפה מיקמת אותה?
[תגובה]
יוני
1 בJanuary
כי העורך תוכן לא מצליח לזהות את זה, מה אני עושה ?
[תגובה]
יופי של דבר
[תגובה]
תודה רבה, גלריה יפה גם לאתר בתחום שלי
[תגובה]
איזה יופיייייייי
[תגובה]
תודה, אם אני עובד עם מנהל תוכן איפה אני מכניס את הקוד?
[תגובה]
אפשר לשלב את זה בתוך פלאש קיים?
[תגובה]
וואו תודה, מעולה
[תגובה]
איזה גלריההההההה
[תגובה]
כיף לקרוא יעזור לי מאוד
[תגובה]
איזה דרך מגניבה להציג גלריית לוגואים… רעיון גדול תודה רבה
[תגובה]
יש אפשרות לערוך את זה בפלש?
[תגובה]
אורן רוט
25 בDecember
כמובן.
[תגובה]
זה בחינם לתמיד?
[תגובה]
אורן רוט
1 בJanuary
כן
[תגובה]
איזה יופי מגניב, אני יכולה להכניס תמונות בכל גודל
[תגובה]
יש לך המלצה על עורך חינמי לקובץ פלש כדי לשנות את מספר השורות והטורים כמו שהצעת לעשות?
[תגובה]
אורן רוט
11 בJanuary
לצערי, לא…
[תגובה]
אתי
11 בJanuary
אי אפשר לתת את זה כפרמטרים חצוניים שיותר קל יהיה לשחק איתם. חוצמזה – אפשר בקובץ האינדקס להוסיף עוד עריכות של כותרת וכו’ כדי לשלב את זה באתר ?
[תגובה]
אורן רוט
11 בJanuary
האמת היא שאפשר אבל מכיוון וזאת עבודה מאוד התנדבותית ומאוד ישנה, זה כבר לא יקרה.
אני מאוד אשמח אם מישהו יקח את הפרוייקט הזה וישחרר אותו עם פרמטרים חיצוניים