Tags:
html
css
Hej Udviklere
Jeg står her med et script som jeg har leget lidt med. Det skal fungere som en bannerotator, som henter informationer fra en mysql database. Her tænkes på ID og på Url ti banneret.
Det lader til at den henter informationerne som den skal, og at den opretter tilstrækkelige arrays. Alligevel er der problemer når vi når hen til rotations/fade-effekten, da denne simpelthen ikke virker.
Kode:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- <!-- Begin
// Indstil hastigheden (millisekunder)
var slideShowSpeed = 1000;
// Lad følgende linie forblive som den er
var crossFadeDuration = 2;
// Billede-filerne
var Pic = new Array();
// For at tilføje flere, fortsæt da bare på samme måde";
<?php
include("admin/inc_connect.php");
$n = 0;
$q = mysql_query("Select id from ref_zuper_slide");
while($r = mysql_fetch_array($q)) {
print "Pic[".$n."] = 'admin/img/slide/".$r['id'].".jpg';";
$n++;
}
$n = 0;
$q = mysql_query("Select url from ref_zuper_slide");
while($r = mysql_fetch_array($q)) {
print "Lnks[".$n."] = '".$r['url']."';";
$n++;
}
?>
// Lad være med at ændre noget under denne linie
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad = new Image();
preLoad.src = Pic;
preLoad.lnk = Lnks;
}
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;
document.getElementById("slideLink").href = preLoad[j].lnk;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// Her kan du begynde at ændre igen
-->
?>
</script>
</head>
<body onload="runSlideShow()">
<?php
$query = mysql_query("SELECT * FROM ref_zuper_slide LIMIT 0,1");
while($row = mysql_fetch_array($query)){
print "
<a href=\\"".$row['url']."\\" id=\\"slideLink\\">
<img src=\\"admin/img/slide/".$row['id'].".jpg\\" name=\\"SlideShow\\" border=\\"0\\"></a>
";
}
?>
</body>
</html>
Jeg håber I kan hjælpe med mig i denne situation. På forhånd tak.
2 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 4 karma
Har du et link, så jeg kan se koden uden alt det php-snavs, og så jeg ikke selv behøver oprette et html-dokument, for at se hvad der sker?
Hvilken browser kører du? Det er et IE only script.