מהו הקוד שנותן לדפדף בין תמונות? ועוד שאלה בפנים - תכנות - HWzone פורומים
עבור לתוכן
  • צור חשבון

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

yotam360

נוצר על ידי yotam360
ב תכנות

Recommended Posts

IlanF Zone Master

IlanF

פורסם
פורסם

בעיקרון סקריפט כנראה דיי ארוך

בעקרון כל האתר מבוסס על איזה שהיא מערכת (כמו מערכת פורומים)

לא כזה ארוך...

<html><head><title>gallery</title><script language="JavaScript">
y=0;
function next()
 {
  if (y==37) {y=0;}
  y=y+1;
  pic.src='images'+'/'+y+'.jpg';
  pic.width=1024;
  pic.height=768;
 }
function previous()
 {
  if (y==1) {y=37;}
  y=y-1;
  pic.src='images'+'/'+y+'.jpg';
  pic.width=1024;
  pic.height=768;
  }
</script>
</head>
<body>
<center><img src="images/1.jpg" name=pic>
<br>
<input type=button value=next onClick=next();>
 
<input type=button value=previous onClick=previous();>
</center>
</body></html>

הסקריפט מתאים ל-37 (אפשר לשנות... רשמתי אותו שנה שעברה לבגרות בHTML אז אני לא זוכר ממש איפה)

התמונות צריכות ליהיות בתיקיה images וליהיות עם שם של 1.JPG עד ל 37.JPG

ד"א זה דף HTML שלם

קישור לתוכן
שתף באתרים אחרים
NJorl Zone Freak

NJorl

פורסם
פורסם

חחחח

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

פתרונות חלופיים:

Flash

Ajax

קישור לתוכן
שתף באתרים אחרים
NJorl Zone Freak

NJorl

פורסם
פורסם

אז אם אתה רוצה להרשים את המורה ולהתעלות מעל האחרים

תקבע לך 2 יעדים :

שיתמוך גם ב- FF

שמעבר בין לא יצריך טעינת מחדש של כל הדף

הדוגמא שנתת למעלה , מעפאנה אל תעשה כמו הדוגמא

קצת ידע ב- XML גם יכול לעזור

קישור לתוכן
שתף באתרים אחרים
yotam360 Zone Junkie

yotam360

פורסם
  • מחבר
פורסם

<html><head><title>gallery</title><script language="JavaScript">

y=0;

function next()

{

if (y==37) {y=0;}

y=y+1;

pic.src='images/A10'+'/'+y+'.jpg';

pic.width=800;

pic.height=600;

}

function previous()

{

if (y==1) {y=37;}

y=y-1;

pic.src='images/A10'+'/'+y+'.jpg';

pic.width=800;

pic.height=600;

}

</script>

</head>

<body dir="ltr">

<select id="Select1">

<option value="A10">A-10</option>

<option value="B2">B-2</option>

<option value="B52">B-52</option>

<option value="F117">F-117</option>

<option value="F14">F-14</option>

<option value="F15">F-15</option>

<option value="F16">F-16</option>

<option value="F18">F-18</option>

<option value="F22">F-22</option>

</select>

<center>

 </center>

<center>

 </center>

<center>

<img src="images/A10/1.jpg" name=pic>

<br>

<input type=button value=next onClick=next();>

 

<input type=button value=previous onClick=previous();>

</center>

</body></html>

איך אני מעביר את הערך של ה-drop down list למקום המסומן במקום ה-A10

קישור לתוכן
שתף באתרים אחרים
iib Zone Addict

iib

פורסם
פורסם

חחחח

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

פתרונות חלופיים:

Flash

Ajax

מה הקשר AJAX...

להחליף תמונה זה פונקציונליות של HTTP request שהדפדפן יודע לעשות עם השרת בלי שתתצטרך להגיד לו באמצעות AJAX.

וגם אי אפשר למשוך נתונים מקבצים בינאריים כמו באמצעות ajax...

ופלאש הוא פתרון לא גמיש...

בציקור javascript הוא הפתרון... אפשר גם לישם מנגנון preloading לתמונה הבאה ... ולהשאיר אחרונה בזכרון בתור אוביקט DOM - ככה הישום יהיה גם ממש זריז למשתמש.

קישור לתוכן
שתף באתרים אחרים
iib Zone Addict

iib

פורסם
פורסם

עדיף לתת לתמונה id ולהשתמש ב getElementById.

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

getElementById רק מחזיר את האוביקט הספציפי שיש לו את ה id שנתת לו... id מלחתחילה צריך להיות unique עבור האלמנט.

קישור לתוכן
שתף באתרים אחרים

ארכיון

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

עבור לרשימת הדיונים
×
  • צור חדש...