עבור לתוכן

JS- תמונות מתחלפות

Featured Replies

פורסם

שלום וברכה לכולם

חדשה פה :)

יש לי שאלה... קצת "מטומטמת" אבל בכ"ז אני מתחילה.. אז קצת הבנה חח

סיימתי סוף כל סוף את לימודיים וכעת עליי לעשות פרוייקט גמר ... שזה אתר בית שלי ותיק עבודות..

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

אשמח שתענו לשאלה אחת (לבינתיים) ותסבירו לי

עליי לעשות תמונות מתחלפות כלומר

כלומר- נגיד ויהיה דף ובו כתוב כל מיני דברים ובצד יהיו תמונות מתחלפות בקצב זמן מסויים וחוזורת על עצמן לסירוגין

חרשתי בגוגל ביו טיוב במדריכים ובסרטונים באנגלית (לצערי יותר סבכו לי את החיים מאשר עזרו) :bash:

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

אשמח שתסבירו לי

(ולא רק להביא לי אתה קוד ולהגיד איפה להדביק אותו.. אלא גם איך בדיוק אני משתילה את התמונות שם איך אני ממקמת את זה איפה שאני רוצה?

וכמובן בעברית..

המון המון המון ה מ ו ן תודה

וסליחה על החפירה..

חן :yelclap:

פורסם

הנה קוד מאוד בסיסי שכתבתי לך:

<script type="text/javascript">
image = new Array();
image[0] = "image1.jpg";
image[1] = "image2.jpg";
image[2] = "image3.jpg";
image[3] = "image4.jpg";

setInterval("document.getElementById('img_rnd').src=image[Math.round(Math.random()*(image.length-1))]",3000);
</script>

<img src="" id="img_rnd" />

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

image[4] = "image5.jpg";

image5.jpg זה הנתיב לתמונה כולל שם קובץ התמונה כמובן.

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

יש לך בסוף השורה את המספר 3000. זה אומר 3 שניות - כל 3 שניות התמונה תתחלף.

שורה אחרונה זו התמונה, תעתיקי את זה לאן שתרצי שהתמונה עצמה תוצג.

הקוד העליון את שמה ב-HEADER.

ואם תרצי שבמקום X אדום בתמונה עד שהיא תתחלף אז תשימי ב-SRC (הנתיב) נתיב של תמונה, אחת מהרנדומאליות...

בהצלחה.

פורסם
  • מחבר

וואיי תודה רבה

ובעצם נניח ויש יותר מ-4 תמונות אני פשוט מעתיקה ומשנה את המספר ואת שם התמונה??

אני אנסה! כולי תקווה שאצליח.

אם תהיינה בעיות אשאל אותך שוב

המון המון המון תודה!!!

:)

פורסם

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

  • 2 שנים מאוחר יותר...
פורסם

היי

אני גם חדש כאן.

בדיוק באותו הנושא של תמונות מתחלפות:

שמתי קובץ JS בתוך הפרוייקט, והקוד עובד תקין.

אבל איך אני קובע את המיקום שלהם(של התמונות) במסך? דרך איפה? והם בקובץ הCSS<?

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

פורסם

אתה מתכוון למיקום הפיזי של התמונה המתחלפת בעמוד?

פשוט תמקם את תגית התמונה היכן שאתה רוצה שהיא תהיה.

הכוונה לזה:

 
<img src="" id="img_rnd" />

פורסם

למה להקפיץ ת'רד בן שנתיים בשביל זה?

תפתח ת'רד חדש בפורום פיתוח אתרי אינטרנט.

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

דיונים חדשים