08-04-2007, 17:22
|
|
|
חבר מתאריך: 08.04.07
הודעות: 1
|
|
צריך עזרה ב JavaScript
הורדתי סקריפט מוכן של slideshow,
יש כפתורים לדפדף בין כל התמונות ותיבת SELECT עם תיאור התמונה (מה שאני מחפש, רק שלא יהיה בSELECT).
עכשיו אני צריך להוסיף טקסט מעל כל תמונה, ברגע שמישהו צופה בתמונה 1 הוא יראה "תמונה ראשונה", וכך הלאה.
אשמח אם מישהו יוכל לעזור לי עם זה.
הקוד שבא ב head -
קוד:
<SCRIPT LANGUAGE="JavaScript">
var rotate_delay = '5000'; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "עצור") ? "התחל" : "עצור";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "עצור") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
</script>
הקוד ב body -
קוד:
<form name=slideform>
<input type=button onClick="previous();" value="הקודם" title="Previous">
<input type=button onClick="next();" value="הבא" title="Next">
<br />
<select name="slide" onChange="change();">
<option value="img1.jpg" selected>1
<option value="img2.jpg">2
<option value="img3.jpg">3
<option value="img4.jpg">4
<option value="img5.jpg">5
<option value="img6.jpg">6
</select>
<br />
<img width=700 src="img1" border=1 name="show">
</form>
תודה מראש.
|