Rich B
07-10-2009, 12:00 PM
Script: Text and Image Crawler
http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm
I added this great little script to my site and it worked perfectly (locally), previews correctly in Frontpage and previews correctly in any Browser.
However when i FTP the page up to the hosted server and make the page live on my website none of the images (img src="") show. Theres just a gap where they would be. The ticker tape text does display still.
Im assuming its due to it being unable to resolve the image paths once on the hosted server? I made sure i put the images in the same directory as the rest of the website (the crawler.js is also in the same dir).
code below:
<head>
<script type="text/javascript" src="crawler.js">
/*
Text and/or Image Crawler Script ©2009 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1
This Notice Must Remain for Legal Use
*/
</script>
<div class="marquee" id="mycrawler2">
<img src="surgery2.jpg" width="208" height="155" />
<img src="surgery3.jpg" width="208" height="155" />
<img src="surgery.jpg" width="208" height="155" />
<img src="newwait.jpg" width="208" height="155" />
<img src="niallsrm.jpg" width="208" height="155" />
<img src="prem.jpg" width="208" height="155" />
<img src="ebroom.jpg" width="208" height="155" />
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '600px',
'height': '162px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 1,
neutral: 150,
savedirection: true
});
</script>
<div class="marquee" id="mycrawler">
* ticker text goes here. *
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '5px',
'width': '600px',
'background': 'lightyellow',
'border': '1px solid #CC3300'
},
inc: 8, //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>
I tried right clicking the images in my hosted htdocs folder to get the full path but it doesnt give it me, assuming its the full path i need? how do i find it please??
http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm
I added this great little script to my site and it worked perfectly (locally), previews correctly in Frontpage and previews correctly in any Browser.
However when i FTP the page up to the hosted server and make the page live on my website none of the images (img src="") show. Theres just a gap where they would be. The ticker tape text does display still.
Im assuming its due to it being unable to resolve the image paths once on the hosted server? I made sure i put the images in the same directory as the rest of the website (the crawler.js is also in the same dir).
code below:
<head>
<script type="text/javascript" src="crawler.js">
/*
Text and/or Image Crawler Script ©2009 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1
This Notice Must Remain for Legal Use
*/
</script>
<div class="marquee" id="mycrawler2">
<img src="surgery2.jpg" width="208" height="155" />
<img src="surgery3.jpg" width="208" height="155" />
<img src="surgery.jpg" width="208" height="155" />
<img src="newwait.jpg" width="208" height="155" />
<img src="niallsrm.jpg" width="208" height="155" />
<img src="prem.jpg" width="208" height="155" />
<img src="ebroom.jpg" width="208" height="155" />
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '600px',
'height': '162px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 1,
neutral: 150,
savedirection: true
});
</script>
<div class="marquee" id="mycrawler">
* ticker text goes here. *
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '5px',
'width': '600px',
'background': 'lightyellow',
'border': '1px solid #CC3300'
},
inc: 8, //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>
I tried right clicking the images in my hosted htdocs folder to get the full path but it doesnt give it me, assuming its the full path i need? how do i find it please??