:strip_icc():strip_exif()/u/17084/trin.jpg?f=community)
Ik ben een pagina aan het maken en daarop moet dus
ook een soort van foto-scroll komen. Allemaal foto's onder
elkaar die oneindig doorloopt.
Nu heb ik met marquee al wel wat in elkaar geknutseld.
Foto scroll
maar nu is het probleem dat hij zeg maar "wacht" totdat alle foto's weg
is, en dan begint hij weer opnieuw. Ik heb zelf het vermoeden dat
marquee niet echt de goede optie is om te gebruiken.
maar wie weet hoe ik dat moet doen?
en de external:
ook een soort van foto-scroll komen. Allemaal foto's onder
elkaar die oneindig doorloopt.
Nu heb ik met marquee al wel wat in elkaar geknutseld.
Foto scroll
maar nu is het probleem dat hij zeg maar "wacht" totdat alle foto's weg
is, en dan begint hij weer opnieuw. Ik heb zelf het vermoeden dat
marquee niet echt de goede optie is om te gebruiken.
maar wie weet hoe ik dat moet doen?
code:
1
2
3
4
5
6
7
8
9
10
11
12
| <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Empty</title> </head> <body style="background-color: #CECED0;"> <iframe id="datamain" src="external.htm" width=235 height=620 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe> </body> </html> |
en de external:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
| <html>
<body style="background-color: #CECED0;">
<div id="datacontainer" style="position:absolute;left:80;top:0;width:100%">
<!-- ADD YOUR SCROLLER COMMENT INSIDE HERE--------------------->
[img]"http://picserver.student.utwente.nl/getpicture.php?id=4313"[/img]
[img]"http://picserver.student.utwente.nl/getpicture.php?id=4312"[/img]
[img]"http://picserver.student.utwente.nl/getpicture.php?id=4314"[/img]
[img]"http://picserver.student.utwente.nl/getpicture.php?id=4315"[/img]
[img]"http://picserver.student.utwente.nl/getpicture.php?id=4316"[/img]
[img]"http://picserver.student.utwente.nl/getpicture.php?id=4317"[/img]
[img]"http://picserver.student.utwente.nl/getpicture.php?id=4318"[/img]
[img]"http://picserver.student.utwente.nl/getpicture.php?id=4319"[/img]
[img]"http://picserver.student.utwente.nl/getpicture.php?id=4320"[/img]
<!-- END SCROLLER CONTENT---------------------------------------->
</div>
<div>
<script language="JavaScript1.2">
//<iframe> script by Dynamicdrive.com
//Specify speed of scroll. Larger=faster (ie: 5)
var scrollspeed=cache=2
function initialize(){
marqueeheight=document.all? parent.document.all.datamain.height :
parent.document.getElementById("datamain").getAttribute("height")
dataobj=document.all? document.all.datacontainer : document.getElementById("datacontainer")
dataobj.style.top=5
thelength=dataobj.offsetHeight
scrolltest()
}
function scrolltest(){
dataobj.style.top=parseInt(dataobj.style.top)-scrollspeed
if (parseInt(dataobj.style.top)<thelength*(-1))
dataobj.style.top=5
setTimeout("scrolltest()",50)
}
window.onload=initialize
</script>
</body>
</html> |
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}