Har försökt mig på att bygga en basic layer scroll.. Eller rättare sagt förstå mig på tekniken för hur man bygger en.
Har använt mig av jojoxx's layerlib för att flytta lager etc..
Dock får jag ett error meddelande och ingenting händer.
Hur bör funktionen se ut egentligen för att lagret contentLayer ska skrollas i lagret windowLayer?
Min kod:
<html>
<head>
<title>Scrolllayer</title>
<script language="javascript" src="layerlib.js"></script>
<script language="JavaScript">
<!--
function init() {
winH = getLayerHeight('windowLayer');
conH = getLayerHeight('contentLayer');
diffar = conH-winH;
winY = getLayerY('windowLayer');
conY = getLayerY('contentLayer');
}
function up() {
if (conY < 0) {
moveLayerDiff('contentLayer',0,5);
}
}
function down() {
if (conY > -diffar) {
moveLayerDiff('contentLayer',0,-5);
}
}
//-->
</script>
<STYLE TYPE="text/css">
<!--
#contentLayer {position:absolute; left:0; top:0;}
#windowLayer {position:absolute; left:100px; top:100px; width:200px; height:150px; border-style:solid; border-width:1px; border-color:black; clip:rect(0px 200px, 150px, 0px); overflow:hidden;}
-->
</STYLE>
</head>
<body onLoad="init()">
<a href="javascript:up()">Up</a> | <a href="javascript:down()">Down</a>
<div id="windowLayer">
<DIV ID="contentLayer">
<P>Content to scroll. Content to scroll.
<P>Content to scroll. Content to scroll.
<P>Content to scroll. Content to scroll.
<P>Content to scroll. Content to scroll.
<P>Content to scroll. Content to scroll.
<P>Content to scroll. Content to scroll.
<P>Content to scroll. Content to scroll.
<P>Content to scroll. Content to scroll.
<P>Content to scroll. Content to scroll.
<P>Content to scroll. Content to scroll.
</DIV>
</div>
</body>
</html>
Help me please!