The Crawler
TalkGraphics logo is a link
<div class="marquee" id="mycrawler2">
<img src="images/01.jpg" />
<img src="images/02.jpg" />
<a href="http://talkgraphics.com" target="_blank"><img src="images/tg.png" border="0" alt="Visit-TalkGraphics"/></a>
<img src="images/03.jpg" />
<img src="images/04.jpg" />
<img src="images/05.jpg" />
<img src="images/06.jpg" />
<img src="images/07.jpg" />
<a href="http://talkgraphics.com" target="_blank"><img src="images/tg.png" border="0" alt="Visit-TalkGraphics"/></a>
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '600px',
'height': '150px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
savedirection: true
});
</script>
GREEN : Set your image sources here
YELLOW: To make the image clickable and open another page or URL
CYAN: Image crawler unique id. You can add another crawler to the page if you use another unique id.
Copy the ‘crawler.js. to your site’s root folder
Your scrolling images
Xara output folder
The scroller engine
Your index (home) page
The Crawler placeholder code:
Original Source: http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm
Text and Image Crawler is a highly configurable, continuous scrolling marquee for the showcasing of rich HTML. The Crawler
can go left or right, contain text, images or both. It is a continuous marquee in that there exists no blank gaps in between
passes. Instead of automatically scrolling, it can optionally be mouse driven, so the location of the mouse cursor dictates
which direction for the Crawler to go and at what speed.
The contents for the Crawler is simply defined as normal HTML on the page, encased in a DIV element with a unique ID
attribute. OO code allows as many marquees on the page as one wants. It doesn't get easier than that! And with no onload
event, it plays well with many other scripts.
Pausing Linkable Image Crawler
Publishing Note: This layout will require manual publishing using an FTP client
