Here's an example:
Code:
<div class="marquee" id="art">
<img src="../files/photo1.jpg" alt=""> <img src="../files/photo2.jpg" alt=""> <img src="../files/photo3.jpg" alt=""> <img src="../files/photo4.jpg" alt=""> <img src="../files/photo5.jpg" alt=""> <img src="../files/photo6.jpg" alt=""> <img src="../files/photo7.jpg" alt=""> <img src="../files/photo8.jpg" alt=""> <img src="../files/photo9.jpg" alt="">
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'art',
direction: 'right',
style: { //style object for this marquee container (use quotes on both sides of the : as shown)
'width': '60%',
'height': '235px',
'background-color': '#ddd',
'border': '1px solid #111',
'margin': '2ex auto 0 auto'},
inc: 6, //speed - pixel increment for each iteration of this marquee's movement
moveatleast: 4,
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
stopped: true
});
</script>
<div>
<input type="button" onclick="marqueeInit.ar[2].stopped = false;" value="Go!">
</div>
Notice the red 2, it refers to the crawler instance. If you have only one crawler on the page, this would be 0. The next one would be 1, the third would be 2, etc.
If you want more help, let me know.
Bookmarks