Ik wil graag 2 javascripts op 1 pagina laten werken. 1 script om een ander plaatje zichtbaar te maken met een mouse-over. Het andere script is om een text-container te laten zien, waarbij de tekst naar beneden scrollt als je met de muis op de plaatjes "up.gif " en "down.gif" komt. Het probleem is dat de scripts afzonderlijk wel werken, maar samen niet. Het script voor de texcontainer werkt wel. De andere niet. Iemand enig idee wat ik hier aan kan doen?
Script 1
Script2
Script 1
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <script type="text/javascript">
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script> |
Script2
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <script language="JavaScript1.2">
iens6=document.all||document.getElementById
ns4=document.layers
//specify speed of scroll (greater=faster)
var speed=3
if (iens6){
document.write('<div id="container" style="position:relative;width:250;height:220;border:1px solid orange;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:250;left:0;top:0">')
}
</script>
<ilayer name="nscontainer" width=250 height=133 clip="0,0,175,160">
<layer name="nscontent" width=250 height=460 visibility=hidden>
</center>
<!--INSERT CONTENT HERE-->
<!--END CONTENT-->
</layer>
</ilayer> |
[ Voor 12% gewijzigd door Verwijderd op 12-01-2005 13:18 . Reden: code tags ]