Avatar billede aquix Nybegynder
06. oktober 2006 - 17:49 Der er 2 kommentarer og
1 løsning

Bannerslide script med fade funktion

Hej eksperter.

Jeg står her med et script, som jeg har leget lidt med. Meningen med scriptet er, at den skal fade mellem flere forskellige billeder, som er lagret på serveren. Problemet er blot, at den slet ikke fader mellem billederne.

Håber I kan hjælpe - på forhånd tak.
Avatar billede aquix Nybegynder
06. oktober 2006 - 17:50 #1
Ja I skal jo heller ikk snydes for koden :D


<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[i] = new Image();
preLoad[i].src = Pic[i];
preLoad[i].lnk = Lnks[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;
  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>
Avatar billede roenving Novice
16. oktober 2006 - 00:18 #2
Avatar billede aquix Nybegynder
28. juli 2007 - 06:08 #3
lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester