אני כמה שבועות מחפשת קוד כזה אבל לא מוצאת..

יש לי דיב קיים שלא תלוי בי ואין לי דרך לשלוט עליו, הוא מכיל 9 אייטמים, והוא בגובה של 200px וברוחב של 2700px

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


כלומר משהו כזה

אם הוא מתחיל ב0 - האייטמים 1-3 מוצגים
לחכות 4 שניות,
ואז לגלול אותו ל900 - האייטמים 4-6 מוצגים
לחכות 4 שניות
לגלול אותו ל1800 - האייטמים 7-9 מוצגים
לחכות 4 שניות
לגלול אותו ל0 - האייטמים 1-3 מוצגים

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


הכנתי סקיצה של איך זה אמור להראות..


אשמח לעזרה והכוונה.

ענבר.

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://i.imgur.com/axBqa.png]

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

http://sorgalla.com/jcarousel/ ?

אם כי אני לא כל כך מבין את הקטע של "אין דרך לשלוט עליו"...

נמאס לכם לזכור סיסמאות? לחצו כאן!

הלינק שנתת ממש מדליק..

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

מה שהצלחתי בינתיים זה לתת CSS שכל מה שהוא <li> שיצוף שמאלה, וכך קיבלתי DIV אחד ארוך במיוחד לרוחב.. (שזה די קרוב למה שאני רוצה..)

מה שאני חושבת לעשות זה לארוז אותו בDIV משלי ולתת לDIV שלי הוראה להגלל כל פעם X פקסלים.

האם דבר כזה הוא אפשרי עם הקוד בקישור שנתת?

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

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

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

אין דרך (למיטב ידיעתי), "לאמבד" משהו לתוך div מהוסט אחר ללא צד שרת וללא הרצת סקריפטים חיצוניים (בעיקר כי AJAX מוגבל ל same origin policy)

נמאס לכם לזכור סיסמאות? לחצו כאן!

אתה הולך רחוק מדי.. לא צריך PHP. זה אמור להפתר ברמה של JS..

זה רק להזיז DIV.... אני יכולה להשפיע עליו עם CSS כלומר אם אני מבינה נכון צריך לשחק עם המיקום שלו בפיקסלים..

זה מה שיצרתי בינתיים עם פיירבאג רק ע"י שינוי CSS.

עכשיו אני צריכה למצא דרך להזיז את זה לצדדים בצורה שזה לא יבלוט מגבולות האתר.

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://i.imgur.com/9DPsa.png]

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

אה, ככה. טוב אז תעשי את ה div קטן יותר ברוחב ותנסי לשנות את style.paddingRight של ה div לערכים חיוביים ושליליים באמצעות JS...

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

נמאס לכם לזכור סיסמאות? לחצו כאן!

היא שהצלחתי כבר לשנות ידנית. אבל אני לא יודעת איך ליישם את הJS.

ראיתי שהקוד ששלחת עובד במקטעים, לכן שאלתי כבר בהתחלה אם הוא מתאים לזה כי אצלי צריך להזיז את כל הDIV.

קודים שמזיזים מקטעים יש המון ברשת, אבל משהו שמזיזDIV שלם אני לא מוצאת.

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

שמת לב שיש קישור בהודעה שלי?

נמאס לכם לזכור סיסמאות? לחצו כאן!

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

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

משם מה ברחה לי המילה "הכוונה" לפני ההודעה הקודמת..

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

אבל בקישור גם היה קוד JS שמשנה את ה CSS :|

אני לא כל כך מבין איזה עוד קוד את צריכה... את צריכה למצוא (לבד...), מה ערכי הפיקסלים הנכונים כדי למקם את האובייקט איפה שאת רוצה, ואז הכפתורים צריכים בסך הכל לפנות לפונקציה שתנהל state-machine - "אם זה היה ככה, תציב כאן את המספר החדש ששווה תזוזה של משבצת ימינה", וכו' - ככה עבור כל האפשרויות... זהו...

נמאס לכם לזכור סיסמאות? לחצו כאן!

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

קוד:

$("div").animate({"right" : "+=100px"})

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

ציטוט:

Different people use different tools, but its mostly morons who pretend that the problems with PHP actually matter.

אם הבנתי נכון, את מחפשת את התכונות שאותן צריך לשנות באמצעות JS.

רוחב וגובה, זה כמובן באמצעות object.style.attribute כש attribute זה גובה או רוחב, בהתאם לצורך.
במידה ורוחב/גובה האלמנט מוגבל למידה קטנה מתוכנו, יש כמובן גלילה (בהתאם להגדרות העיצוב כמובן). את הגלילה ניתן לזהות או לשנות באמצעות ערכים אלו:
scrollHeight
scrollWidth
scrollTop
scrollLeft

כמובן שבאמצעות תזמון פעולות (interval / timeOut) ניתן ליצור הנפשה.

בניית אתרים
פיתוח יישומי אינטרנט
שמות תחום, אחסון, עיצוב ושירותים נלווים.

פיתוח, שירות,יעוץ והדרכה.