Looking at Lissa's marquee code, I'm just curious how to add more images with more hyperlinks...also if it could stop over mouse hover?


<marquee behavior=scroll direction="left"><a href="http://address you want to link to><img src="yourimagename.gif width="yourimagewidth "height="yourimageheight" border="0" alt="yourimagename"></a></marquee>

To add more links:

<marquee behavior=scroll direction="left">

<a href="link1"><img src="image1.gif" width="#" height="#" border="0" alt="text"></a>

<a href="link2"><img src="image2.gif" width="#" height="#" border="0" alt="text"></a>

<a href="link3"><img src="image3.gif" width="#" height="#" border="0" alt="text"></a>

<a href="link4"><img src="image4.gif" width="#" height="#" border="0" alt="text"></a>

</marquee>



If you want the links to stop, try this script:

http://dynamicdrive.com/dynamicindex2/cmarquee.htm

okay...but how do I make it so it uses images?

This is from the link that toolman posted...

<script language="JavaScript1.2">

/*
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
Credit MUST stay intact
*/

//Specify the marquee's width (in pixels)
var marqueewidth="300px"
//Specify the marquee's height
var marqueeheight="25px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//configure background color:
var marqueebgcolor="#DEFDD9"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1

//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

var marqueecontent='<nobr><font face="Arial">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a> If you find this script useful, please consider linking to us by <a href="../link.htm">click here.</a> Enjoy your stay!</font></nobr>'


////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee 2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate

function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.st yle.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"

}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+ marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+ marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

Everything that's bolded, you change. To use images, change the stuff in between the <nobr> tags to <a href="url.com" target="_blank"><img src="image.ext" width=# height=# border="0" /></a>. Put however many images you want in there.

Thanks but it's still not working...I coded everything, but ther aren't any images or links...here is what's in my body of my website

<center><a href="http://www.geocities.com/burningtheshadows/main.html">//Enter//</a><br>
<br></center>



<br><br>
<br>
<u>Affiliates</u><br><br>
<script language="JavaScript1.2">

/*
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
Credit MUST stay intact
*/

//Specify the marquee's width (in pixels)
var marqueewidth="300px"
//Specify the marquee's height
var marqueeheight="25px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//configure background color:
var marqueebgcolor="#DEFDD9"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1

//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

var marqueecontent='<nobr><font face="Arial"><a href="http://www.geocities.com/forever3330@sbcglobal.net" target="_blank"><img src="luminlink.bmp" border="0"/></a> <a href="http://www.geocities.com/izzykitty1012" target="_blank">K.I.P. A shrine to Izzy Izumi</a><a href="http://free.hostdepartment.com/I/InuYasha4life/" target="_blank"><img src="youtwolinkme.jpg" border="0"/></a><a href="http://www.geocities.com/lil_princessanime/" target="_blank"><img src="dearestlinkme.jpg" border="0"/></a><a href="http://www.angelfire.com/crazy2/fragment" target="_blank"><img src="fragmentlinkme.bmp" border="0"/></a><a href="http://groups.msn.com/SesshoumaruShrine/" target="_blank"><img src="sesshoulink.bmp" border="0"/></a><a href="http://www.geocities.com/inugirlsrule/" target="_blank"><img src="affy_iyg.gif" border="0"/></a><a href="http://www.freewebs.com/enlightenedhearts/inuyasha.html" target="_blank"><img src="hugz.gif" border="0"/></a><a href="http://inuyashafans.tk" target="_blank">Inuyasha Fanatics</a></font></nobr>'


////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;positio n:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidt h)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee 2
ns_marquee.left=parseInt(marqueewidt h)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate

function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marqu ee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidt h)+8+"px"

}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidt h)+8
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:' +marqueewidth+';height:'+ marqueeheight+';overflow: hidden">')
write('<div style="position:absolute;width:' +marqueewidth+';height:'+ marqueeheight+';backgroun d-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0p x;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+ '>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script> <br><br>

there is a <body> and </body> in the original

Hmm...well, maybe it has something to do with the height, and that's why you're not seeing it. Are all of the images 25 pixels high? Other than that, I can't think of anything else that would really be causing a problem. Maybe someone who's better with JavaScript can see the problem.

nope...it didn't change anything... :(

I deleted the image height= whatever...would that maybe make a problem lol?

I deleted the image height= whatever...would that maybe make a problem lol?

Nope...that didn't work...can anyone figure out what's wrong with my code?