Just use ordinary image tags for the images. If the images are on your server, you may use the relative path. If they are in the same folder on the server as your page you may use just the image name, example using relative path:
Code:
<div class="marquee" id="art">
<img src="images/photo1.jpg" alt=""> <img src="images/photo2.jpg" alt=""> <img src="images/photo3.jpg" alt=""> <img src="images/photo4.jpg" alt=""> <img src="images/photo5.jpg" alt=""> <img src="images/photo6.jpg" alt=""> <img src="images/photo7.jpg" alt=""> <img src="images/photo8.jpg" alt=""> <img src="images/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)
});
</script>
If the images are in the same folder:
Code:
<div class="marquee" id="art">
<img src="photo1.jpg" alt=""> <img src="photo2.jpg" alt=""> <img src="photo3.jpg" alt=""> <img src="photo4.jpg" alt=""> <img src="photo5.jpg" alt=""> <img src="photo6.jpg" alt=""> <img src="photo7.jpg" alt=""> <img src="photo8.jpg" alt=""> <img src="photo9.jpg" alt="">
</div>
Bookmarks