Transformar SCROLL de noticias en SCROLL de imágentes.

[Skineriano]

Hola amigos:

Tengo el código para hcer un scroll de noticias, pero yo lo necesito para que en lugar de esto, lo que se vean sean imágenes subiendo. A continución pongo la ubicación donde tengo las imágenes que quiero coger y el código de Scroll que he pillado, por si alguien me puede ayudar. Muchas gracias.

donde tengo las imágenes para usar:

incorporaciones/Fotos/marquee/1.jpg
incorporaciones/Fotos/marquee/2.jpg
incorporaciones/Fotos/marquee/3.jpg
incorporaciones/Fotos/marquee/4.jpg
incorporaciones/Fotos/marquee/5.jpg

El código de Scroll que he encontrado es:

<!-- Copiar este código dentro del tag BODY -->

<script language="JavaScript1.2">

// ancho
var marqueewidth=150
// alto
var marqueeheight=80
// velocidad
var speed=1
// contenido
var marqueecontents='<font face="Arial"><small>En el depósito de JavaScripts podrás encontrar aquellos códigos solicitados por los usuarios de los <a href="http//www.forosdelweb.com/">Foros del Web</a>.<p>&nbsp;</p>Si buscás otro script visitá la sección <a href="index.htm">Depósito de JavaScripts!</small></a></font>'
if (document.all)
document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheig ht+'">'+marqueecontents+'</marquee>')

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}

function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.w rite(marqueecontents)
document.cmarquee01.document.cmarquee02.document.c lose()
thelength=document.cmarquee01.document.cmarquee02. document.height
scrollit()
}

function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thel ength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marque eheight
scrollit()
}
}

window.onload=regenerate2
</script>

[fgil2]

Hola skineriano:
En ese mismo script podrías añadir imágenes..
Pero a mi particularmente me gusta este:


Esta parte del script hay que pegarlo entre las etiquetas HEAD y /HEAD:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
//slider's width
var swidth=350

//slider's height
var sheight=72

//slider's speed
var sspeed=2

//messages: change to your own; use as many as you'd like; set up Hyperlinks to URLs as you normally do: <a target=... href="... URL ...">..message..</a>
var singletext=new Array()
singletext[0]='<div align="center"><font face=Arial size=3 color="white"><b>Scroll de texto multiple</b><br>Tamaño, Velocidad, Estilo <b>ajustable.</b><br>Este mensaje usa <b><u>Hyperlinks</u></b></div></FONT>'
singletext[1]='<div align="center"><font face=Arial size=3 color="white">Usalo para tus anuncios<br>e incluso para <font color="#FFFF00"><b><i>imagenes</i></b><p><img src="http://precios10.com/mundojavascript/logo_mundojavascript.gif" border="0"></font></div>'
singletext[2]='<div align="center"><font face=Arial size=3 color="white">¡Es un buen script!<br>Puedes usar <i>todos</i> los <br><b>codigos base de HTML</b></font></div>'
singletext[3]='<div align="center"><font face=Arial size=3 color="white"><b>MundoJavascript.com</b><br>Scripts listos para copiar y pegar<br>con <font color="red"><b>decenas</b></font> de javascripts de libre uso<p><img src="http://precios10.com/mundojavascript/logo_mundojavascript.gif" border="0"></font></div>'
if (singletext.length>1)
i=1
else
i=0
function start(){
if (document.all){
ieslider1.style.top=sheight
iemarquee(ieslider1)
}
else if (document.layers){
document.ns4slider.document.ns4slider1.top=sheight
document.ns4slider.document.ns4slider1.visibility= 'show'
ns4marquee(document.ns4slider.document.ns4slider1)
}
else if (document.getElementById&&!document.all){
document.getElementById('ns6slider1').style.top=sh eight
ns6marquee(document.getElementById('ns6slider1'))
}
}
function iemarquee(whichdiv){
iediv=eval(whichdiv)
if (iediv.style.pixelTop>0&&iediv.style.pixelTop<=ssp eed){
iediv.style.pixelTop=0
setTimeout("iemarquee(iediv)",100)
}
if (iediv.style.pixelTop>=sheight*-1){
iediv.style.pixelTop-=sspeed
setTimeout("iemarquee(iediv)",100)
}
else{
iediv.style.pixelTop=sheight
iediv.innerHTML=singletext[i]
if (i==singletext.length-1)
i=0
else
i++
}
}
function ns4marquee(whichlayer){
ns4layer=eval(whichlayer)
if (ns4layer.top>0&&ns4layer.top<=sspeed){
ns4layer.top=0
setTimeout("ns4marquee(ns4layer)",100)
}
if (ns4layer.top>=sheight*-1){
ns4layer.top-=sspeed
setTimeout("ns4marquee(ns4layer)",100)
}
else{
ns4layer.top=sheight
ns4layer.document.write(singletext[i])
ns4layer.document.close()
if (i==singletext.length-1)
i=0
else
i++
}
}
function ns6marquee(whichdiv){
ns6div=eval(whichdiv)
if (parseInt(ns6div.style.top)>0&&parseInt(ns6div.sty le.top)<=sspeed){
ns6div.style.top=0
setTimeout("ns6marquee(ns6div)",100)
}
if (parseInt(ns6div.style.top)>=sheight*-1){
ns6div.style.top=parseInt(ns6div.style.top)-sspeed
setTimeout("ns6marquee(ns6div)",100)
}
else{
ns6div.style.top=sheight
ns6div.innerHTML=singletext[i]
if (i==singletext.length-1)
i=0
else
i++
}
}
// End -->
</script>
--------------------------------------------------------------------------------
Esta parte hay que pegarla como un evento onload dentro de la etiqueta body:
<BODY onLoad="start()">
cPor último, esta parte hay que pegarla entre las etiquetas BODY y /BODY donde quieras que parezca el scroll:
<div align="center">
<span style="borderWidth:1; borderColor:red; width:350; height:72; background:navy">
<ilayer id="ns4slider" width="&{swidth};" height="&{sheight};">
<layer id="ns4slider1" height="&{sheight};" onmouseover="sspeed=0;" onmouseout="sspeed=2">
<script language="JavaScript">
if (document.layers)
document.write(singletext[0])
</script>
</layer></ilayer>
<script language="JavaScript">
if (document.all){
document.writeln('<div style="position:relative;overflow:hidden;width:'+s width+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);border:1 solid red;" onmouseover="sspeed=0;" onmouseout="sspeed=2">')
document.writeln('<div id="ieslider1" style="position:relative;width:'+swidth+';">')
document.write(singletext[0])
document.writeln('</div></div>')
}
if(document.getElementById&&!document.all){
document.writeln('<div style="position:relative;overflow:hidden;width:'+s width+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);border:1px solid red;" onmouseover="sspeed=0;" onmouseout="sspeed=2">')
document.writeln('<div id="ns6slider1" style="position:relative;width:'+swidth+';">')
document.write(singletext[0])
document.writeln('</div></div>')
}
</script></span>
</div>

Pruébalo, espero que te sirva.