Hallo!
Ik heb een script dat zorgt dat ik mijn div content horizontaal kan scrollen dmv. een button.
Maar nu wil ik dat die wat vloeiender scrollt en niet in 1 keer 267px opzij jumped.
Tot dusver is dit mijn (werkende) script:
In de head:
Wat gescrolled moet worden:
Scroll button:
Weet iemand hier raad op?
Ik heb een script dat zorgt dat ik mijn div content horizontaal kan scrollen dmv. een button.
Maar nu wil ik dat die wat vloeiender scrollt en niet in 1 keer 267px opzij jumped.
Tot dusver is dit mijn (werkende) script:
In de head:
Code:
<script type="text/javascript">
<!--
function ScrollBy(dir){
var left = merkencontent.scrollLeft;
if (dir =='left')
merkencontent.scrollLeft = left + 267;
else
merkencontent.scrollLeft = left - 267;
}
// -->
</script>
Wat gescrolled moet worden:
Code:
<div id="merkencontent" style="position:absolute;left:17px;top:70px;width:800px;height:371px;overflow: hidden;">
<table cellspacing="0" cellpadding="0">
<tr>
<td><img src="1.jpg" width="267" height="371"></td>
<td><img src="2.jpg" width="267" height="371"></td>
<td><img src="3.jpg" width="267" height="371"></td>
<td><img src="4.jpg" width="267" height="371"></td>
<td><img src="5.jpg" width="267" height="371"></td>
<td><img src="6.jpg" width="267" height="371"></td>
<td><img src="7.jpg" width="267" height="371"></td>
</tr></table>
Scroll button:
Code:
<a href="#" onclick="ScrollBy('left'); return false">
<img name="links" src="../images/links.gif" width="133" height="76"></a>
Weet iemand hier raad op?