שלום לכולם,
ניסיתי לחפש קוד js שיתן לי slide show. ואכן מצאתי אחד.
עשיתי לו תיקון שגיאות מאסיבי כדי שיהיה תואם xhtml:1.0 transitional משהו כזה.
אז נשארו 2 שגיאות שאין לי מושג איך לתקן אותם. אחד קשורה ב- head שלא יודע למה עושה את הטעות הזאת,
והשגיאה השניה קשורה בסקריפט עצמו, זה הסימן "<" שמשום מה מסרב להיות תקין,
וכאשר אני מוריד אותו אז כל הסקריפט לא עובד!
זה הקוד המלא של כל הדף עם הסקריפט:
HTML קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--
SlideShow with Captions and Cross-Fade
(C)2002 by CodeLifter.com
Shows images and accompanying captions.
Browsers: NS4-7,IE4-6
Fade effect only in IE; degrades gracefully.
NS4 shows default caption only.
INSTRUCTIONS:
Copy this entire script into a completely blank
page. Follow the commented instructions within.
//-->
<meta name="robots" content="index, follow" />
<meta name="rating" content="general" />
<meta name="author" content="rafi hatuel" />
<meta name="copyright" content="rafihatuel.com" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<!--
Set up the caption font in the following style.
Place the style script in the head of the page.
//-->
<style type="text/css">
.Caption {
font-family: Arial;
font-weight: bold;
color: #123456;
}
</style>
<!--
Place the following script in the head of the page.
Follow the set-up instructions within the script.
//-->
<script type="text/javascript">
// (C) 2002 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header.
// ==============================
// Set the following variables...
// ==============================
// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 1000;
// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 3;
var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this
// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the Picture array.
// Caution: The number of Pictures *must*
// equal the number of Captions!
Picture[1] = 'Image001.jpg';
Picture[2] = 'Image002.jpg';
Picture[3] = 'Image003.jpg';
Picture[4] = 'Image004.jpg';
Picture[5] = 'Image005.jpg';
Picture[6] = 'Image006.jpg';
Picture[7] = 'Image007.jpg';
Picture[8] = 'Image008.jpg';
Picture[9] = 'Image009.jpg';
Picture[10] = 'Image010.jpg';
// Specify the Captions...
// To add more captions, just continue
// the pattern, adding to the array below.
// To use fewer captions, remove lines
// starting at the end of the Caption array.
// Caution: The number of Captions *must*
// equal the number of Pictures!
Caption[1] = "This is the first caption.";
Caption[2] = "This is the second caption.";
Caption[3] = "This is the third caption.";
Caption[4] = "This is the fourth caption.";
Caption[5] = "This is the fifth caption.";
Caption[6] = "This is the sixth caption.";
Caption[7] = "This is the seventh caption.";
Caption[8] = "This is the eighth caption.";
Caption[9] = "This is the ninth caption.";
Caption[10] = "This is the tenth caption.";
// =====================================
// Do not edit anything below this line!
// =====================================
var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;
var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}
function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);
}
</script>
</head>
<!--
Add the onload=runSlideShow() event call to the body tag.
//-->
<body onload="runSlideShow()">
<!--
The following table holds the images and captions.
Place the table in your page where you want the slideshow
to appear. Follow the instructions for each table cell.
//-->
<table>
<tr>
<!--
The next table cell holds the images.
Set cell and image width and height the same.
The img src must have name=PictureBox in its
tag. Usually the first image in the Picture
array in the script is used here.
//-->
<td width="350" height="280">
<img src="Image001.jpg" name="PictureBox" width="350" height="280" alt="1" />
</td>
</tr>
<tr>
<!--
The next table cell holds the captions.
This table cell must have id=CaptionBox and
class=Caption in its tag. The default caption
shows whilst loading in all browsers; NS4
will show only the default caption, throughout.
//-->
<td id="CaptionBox" class="Caption" align="center">
This is the default caption.
</td>
</tr>
</table>
</body>
</html>
נסו להדביק את הקוד לדף html, ולעשות לו בדיקת שגיאות ותראו מה זה רושם.
בבקשה תעזרו לי עם זה,
אני ממש מתוסכל
רפי.