Avatar billede 2-maz Nybegynder
23. juli 2004 - 16:25 Der er 8 kommentarer og
1 løsning

Marquee fortsættende effect

Goddag,

Jeg har, skulle bruge en effekt hvor der er en række tilfældige billeder, som kører i et en marquee ude ved siden af siden. (Note billederne kører op i en marquee der er 350px høj.)

Mit problem er at når der ikke er flere billeder er der en stor pause hvor der bare kører et stort hvidt område. Er det muligt få den til bare at køre billederne fortsat ud i en uendelighed?

Nr. 2 problem er så at når den loader, er der også et stort hul. Er det muligt at få den til at starte ved toppen og så kører op?

Håber i kan hjælpe mig...
Avatar billede roenving Novice
23. juli 2004 - 18:39 #1
Avatar billede 2-maz Nybegynder
23. juli 2004 - 23:27 #2
Er du tankelæser?? :) Svar lige...
Avatar billede 2-maz Nybegynder
24. juli 2004 - 02:06 #3
Tja.. øhm

Når jeg putter den der div ind så vil den kun virke hvis det er i toppen i <body> og ingen andre steder... jeg prøvede at putte den ind i en td hvor den skal være, men så kører den ikke.

Har så leget lidt med at placere layeret med javascript det virker godt nok den går der hen hvor den skal... meeen laver den et enormt hul mellem toppen af siden og ned til hvor sælve layouttet er... nogen måde man kan få det væk?
Avatar billede roenving Novice
24. juli 2004 - 09:06 #4
?-)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sliding pics</title>
<meta name="Generator" content="Stone's WebWriter 4" />
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/501645">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;border:0px;}
#container{position:relative;top:0px;width:130px;height:600px;overflow:hidden;}
.annonce{position:relative;top:0px;width:130px;height:130px;text-align:center;overflow:hidden;font-family:Verdana,sans-serif;font-size:xx-small;background:transparent;}
.annbillede{width:130px;height:100px;}
</style>
<script language="javascript" type="text/javascript">
var divs = new Array(),num=2,nr=act=initTop=0;
var container;
function init(){
  container = document.getElementById('container');
  nr=container.childNodes.length-1;
  for(i=nr;i>=0;i--){
    divs[i] = container.childNodes[i];
    divs[i].style.top = divs[i].offsetTop + 'px';
    divs[i].style.position = 'absolute';
    //alert(divs[i].offsetTop);
  }
  initTop = divs[nr].style.top;
  setInterval('moveAd()',20);
}
function moveAd(){
  for(i=0;nr>=i;i++){
    divs[i].style.top = parseInt(divs[i].style.top) - 1 + 'px';
    divs[i].childNodes[4].innerHTML = divs[i].style.top;
  }
  if(-130>parseInt(divs[act].style.top)){
    container.appendChild(container.removeChild(divs[act]));
    divs[act].style.top = initTop;
    divs[act].childNodes[3].innerHTML = num + ". ";
    act = (act+1)%(nr+1);
    num += (act==0)?1:0;
  }
}
</script>
</head>
<body onload="init();">
<table style="height:100%">
  <tr>
    <td style="width:130px;">
      &nbsp;</td>
    <td style="width:500px;">
      &nbsp;</td>
    <td style="width:130px;">
  <div id="container">
    <div class="annonce">
      <img src="../billede.jpg" class="annbillede"><br>
      <span>Her er en tekst 0 - </span><span></span>
      <span>a</span>
    </div>
    <div class="annonce">
      <img src="../billede.jpg" class="annbillede"><br>
      <span>Her er en tekst 1 - </span><span></span>
      <span>a</span>
    </div>
    <div class="annonce">
      <img src="../billede.jpg" class="annbillede"><br>
      <span>Her er en tekst 2 - </span><span></span>
      <span>a</span>
    </div>
    <div class="annonce">
      <img src="../billede.jpg" class="annbillede"><br>
      <span>Her er en tekst 3 - </span><span></span>
      <span>a</span>
    </div>
    <div class="annonce">
      <img src="../billede.jpg" class="annbillede"><br>
      <span>Her er en tekst 4 - </span><span></span>
      <span>a</span>
    </div>
    <div class="annonce">
      <img src="../billede.jpg" class="annbillede"><br>
      <span>Her er en tekst 5 - </span><span></span>
      <span>a</span>
    </div>
  </div>
      &nbsp;</td>
    </tr>
  </table>
</body>

</html>
Avatar billede 2-maz Nybegynder
24. juli 2004 - 17:19 #5
Bare for at være krop umulig hvad skal der så modificeres så den ikke giver en fejl hvis jeg gerne vil have tællerne og teksten væk? :)
Avatar billede roenving Novice
25. juli 2004 - 08:28 #6
Du skal selvfølgelig fjerne de spans, som ligger under billederne, men det er jo nok det du har gjort og derfor fået fejl !-)

Derudover skal du fjerne to linjer i scriptet:

    divs[i].childNodes[4].innerHTML = divs[i].style.top;

og

    divs[act].childNodes[3].innerHTML = num + ". ";
Avatar billede 2-maz Nybegynder
25. juli 2004 - 13:15 #7
Yup så er der kun én ting mere... :) et lille svar fra dig ...
Avatar billede roenving Novice
25. juli 2004 - 13:17 #8
Velbekomme '-)
Avatar billede roenving Novice
26. juli 2004 - 00:57 #9
-- og tak for point ;~}
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