Een foto slide show laten doorlopen (oneindig) - Softwareontwikkeling

zaterdag 22 maart 2003 09:21

Acties:

Verwijderd

Topicstarter

Beste Experts,

in de onderstaande code heb ik een foto slide show die van beneden naar boven gaat. Maar Als alle foto's zijn geweest loopt hij uit beeld en duurt het een tijd voordat hij terug komt (en dan gaat hij van boven naar beneden).

Ik zou nu graag willen dat hij voortdurend langzaam doorloopt van beneden naar boven en dat als foto 1 (de bovenste zeg maar) uit beeld is weer gelijk onderaan aansluit bij de rest. Dus dat je een soort grote "rol" krijgt met foto's.

-----------html code-----------

<html>
<head>
<title>linkerframe</title>

<SCRIPT LANGUAGE="JavaScript">


</script>

<base target="_self">

</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" background="../Images/background_new.gif">

<div id="contentLayer" style="position:absolute; width:140px; left: 0px; top: 0px">

<table border="0" width="100" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="140" height="100" valign="top" align="left">
<p align="center">
[img]"../watersport/elektromotor_rav_100.gif"[/img]<br>
&</p>
</td>
</tr>
<tr>
<td width="140" height="100" valign="top" align="left">
<p align="center">
[img]"../watersport/fisheasy_small_100.gif"[/img]<br>
&</p>
</td>
</tr>
<tr>
<td width="140" height="85" valign="top" align="left">
<p align="center">
[img]"../watersport/meiden_in_boot_rav_100.gif"[/img]</td>
</tr>
<tr>
<td width="140" height="100" valign="top" align="left">
<p align="center">
[img]"../watersport/Fishing-boat-with-logo-X2-v.gif"[/img]
</td>
</tr>
</table>
</div>

<SCRIPT LANGUAGE="JavaScript">

{ verScroll('dn','1','true') }
{ setTimeout("verScroll('up','1','true')", 49500) }

</SCRIPT>

</body>
</html>

---------html code--------------

Ik denk dat het vrij makkelijk te doen moet zijn, maar voor mij is het toch te moeilijk. Ik hoop dat jullie mij zo spoedig mogelijk kunnen helpen.

Alvast bedankt,

Jeroen Speerstra

donderdag 3 april 2003 15:57

Acties:

weppe

pffff
wat een code

donderdag 3 april 2003 16:02

Acties:

OkkE

CSS influencer :+

weppe schreef op 03 april 2003 @ 15:57:
pffff
wat een code

Laten we eerst de code eens netjes posten:

HTML:

<html> 
<head> 
<title>linkerframe</title> 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- Begin 
function verScroll(dir, spd, loop) { 
loop = true; 
direction = "up"; 
speed = 10; 
scrolltimer = null; 
if (document.layers) { 
var page = eval(document.contentLayer); 
} 
else { 
if (document.getElementById) { 
var page= eval("document.getElementById('contentLayer').style"); 
} 
else { 
if (document.all) { 
var page = eval(document.all.contentLayer.style); 
      } 
   } 
} 
direction = dir; 
speed = parseInt(spd); 
var y_pos = parseInt(page.top); 
if (loop == true) { 
if (direction == "dn") { 
page.top = (y_pos - (speed)); 
speedscroll = 10; 
} else { 
if (direction == "up" && y_pos < 10) { 
page.top = (y_pos + (speed)); 
speedscroll = 10; 
} else { 
if (direction == "top") { 
page.top = 0; 
      } 
   } 
} 
scrolltimer = setTimeout("verScroll(direction,speed)", speedscroll); 
   } 
} 
function stopScroll() { 
loop = false; 
clearTimeout(scrolltimer); 
} 
//  End --> 
</script> 

<base target="_self"> 

</head> 
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" background="../Images/background_new.gif"> 

<div id="contentLayer" style="position:absolute; width:140px; left: 0px; top: 0px"> 

  <table border="0" width="100" height="100%" cellspacing="0" cellpadding="0"> 
    <tr> 
      <td width="140" height="100" valign="top" align="left"> 
        <p align="center"> 
        [img]"../watersport/elektromotor_rav_100.gif"[/img]<br> 
&</p> 
      </td> 
    </tr> 
    <tr> 
      <td width="140" height="100" valign="top" align="left"> 
        <p align="center"> 
        [img]"../watersport/fisheasy_small_100.gif"[/img]<br> 
&</p> 
      </td> 
    </tr> 
    <tr> 
      <td width="140" height="85" valign="top" align="left"> 
        <p align="center"> 
      [img]"../watersport/meiden_in_boot_rav_100.gif"[/img]</td> 
    </tr> 
    <tr> 
      <td width="140" height="100" valign="top" align="left"> 
        <p align="center"> 
      [img]"../watersport/Fishing-boat-with-logo-X2-v.gif"[/img] 
      </td> 
    </tr> 
  </table> 
</div> 

<SCRIPT LANGUAGE="JavaScript"> 

{ verScroll('dn','1','true') } 
{ setTimeout("verScroll('up','1','true')", 49500) } 
  
</SCRIPT> 

</body> 
</html>

Enne over het script zelf, ik zou het zo ff niet weten.. maar zal er nog eens naar kijken....

Pfft.. ik dacht dat het om een foutje in het script ging. Voor dit soort dingen moet je denk ik toch bij Google of bij HotScripts zijn.

[ Voor 47% gewijzigd door OkkE op 03-04-2003 16:06 ]

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

donderdag 3 april 2003 16:12

Acties:

Pelle

🚴‍♂️

weppe schreef op 03 April 2003 @ 15:57:
pffff
wat een code

Houd je commentaar voor je als je wilt. Dit is een kick die nergens op slaat.