diashow werkt niet!

  • Onderwerp starter Onderwerp starter vutje
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

vutje

Gebruiker
Lid geworden
8 aug 2005
Berichten
14
hallo allemaal.

ik heb een diashow gemaakt. ik heb hiervoor de html code van een andere site gekopieerd en aangepast op mijn foto's e.d. Nu werkt hij echter niet. zou iemand even willen kijken wat ik over het hoofd heb gezien, of verkeerd heb gedaan?? : http://www.xs4all.nl/~ator1740/index.htm

alvast bedankt!

x Ellen
 
Je had het script in de BODY gezet en dat hoort in de HEAD. Alleen de opdracht om de show te starten (onLoad="runSlideShow()") hoort in de BODY. :)
Er stonden ook wat dubbele tags die daar waarschijnlijk met knippen en plakken waren terechtgekomen. En er was nog iets fout aan je lettertype.
Met deze code werkt het wél, vooropgesteld dat de map Slideshow met de afbeeldingen in dezelfde map als je html-document zit. :)
PHP:
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 4</title>
<base target="_self">

<script language="javascript">
<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;

// Duration of crossfade (seconds)
var crossFadeDuration = 2;

// Specify the image files
var Pic = new Array();

// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'Diashow/foto2.jpg'
Pic[1] = 'Diashow/foto1.jpg'
Pic[2] = 'Diashow/foto3.jpg'
Pic[3] = 'Diashow/foto4.jpg'

// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
//  End -->
</script>
</head>

<body text="#FFCC00" bgcolor="#0066CC" link="#FF9900" vlink="#FF9900" background="nieuw.jpg" onLoad="runSlideShow()">
<p><font face="arial" style="font-style: italic;" size="4">
<marquee direction="right" width="100%" height="0" behavior="alternate" bgcolor="#0066CC">
Welkom op de website van Vc Knollebear
</marquee></font></p>
<center><img src="diashow/foto1.jpg" name='SlideShow' width="418" height="280"></center>
</body>

</html>
Bij font face in de body had je cursive staan (font face="cursive" size="4").
Maar Cursive is geen lettertype. Ik neem aan dat je daar cursieve tekst wilde hebben.
Ik heb er dit van gemaakt: font face="verdana" style="font-style: italic;" size="4"
Hierdoor wordt het lettertype Verdana gebruikt en cursief weergegeven.
In plaats van Verdana kun je daar natuurlijk ook een ander lettertype kiezen - als het er maar een is dat op praktisch iedere computer voorkomt, zoals Arial of Times New Roman.
Overigens is zo'n lichtkrant misschien even leuk, maar ik zou er maar gewone tekst van maken. ;)
Het leidt af van de diashow en bovendien is IE nog de enige browser die de tag MARQUEE ondersteunt - mensen die de site in Firefox of Opera bekijken zien sowieso stilstaande tekst.

Guus.
 
Laatst bewerkt:
Ik zie dat je diashow ondertussen werkt.
Geen dank hoor. Graag gedaan.
Je mag de vraag nog even op Opgelost zetten, zodat anderen er ook iets aan hebben.

Guus.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan