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">
<!-- 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>
---------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
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">
<!-- 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>
---------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
/u/20544/pelle-jjvv-bg.png?f=community)
Dit topic is gesloten.