Foros del Web - Ver Mensaje Individual - Desplazar contenido tipo marquee o scroller (slider dentro de un div)

pcarvajal · #5 (**permalink**) 10/11/2007, 14:33

Revisé la pagina de tunait y encontré que este script se ajustaba medianamente a lo que quiero hacer:
http://www.tunait.com/javascript/ind...aleriaimagenes

El problema es que las imágenes deben llevar por nombre de archivo números correlativos, y los mios llevan nombres propios.
El asunto es que a pesar de tratar de adaptarlo a lo que quiero hacer (que es solo el desliz de imagenes dentro de un div) me arroja muchisimos errores y se me ha hecho bastante dificil tratar de meterle mano.
Aqui les dejo el codigo:

Cita:

<SCRIPT LANGUAGE="JavaScript">
var cur = 1, posi2=0,Av=true,Ret=false,dif
function mueveAv(){
Ret = true
if(Av == true){
// document.getElementById('fi').title = ''
posi = document.getElementById('imgs').style.left.replace ('px','')
alert(posi);
posi = posi.replace('pt','')
posi = new Number(posi)
posi2 += 41
cur++
lfuera = document.getElementById('fuera').offsetWidth
alert (lfuera);
limgs = document.getElementById('imgs').offsetWidth - posi2
if(limgs <= lfuera){
dif = lfuera-limgs
pepe = document.getElementById('imgs').offsetWidth - lfuera
document.getElementById('imgs').style.left = eval('-' + pepe)
Av = false
// document.getElementById('fd').title = 'No hay más imágenes'
}
else{
// posi -= imagenes[cur].width
posi -= 41
document.getElementById('imgs').style.left = posi}
}
}

function mueveRet(){
if(Ret == true){
Av = true
// document.getElementById('fd').title = ''
if (cur == 2) {
document.getElementById('imgs').style.left = 0
Ret = false
// document.getElementById('fi').title = 'No hay más imágenes'
}
else{
posi = document.getElementById('imgs').style.left.replace ('px','')
posi = posi.replace('pt','')
posi = new Number(posi)
// posi += imagenes[cur].width
// posi2 -= imagenes[cur].width

posi += 41
posi2 -= 10

cur--
lfuera = document.getElementById('fuera').offsetWidth
limgs = document.getElementById('imgs').offsetWidth - posi2
document.getElementById('imgs').style.left = posi
}
}
}

</SCRIPT>

<BODY>
<div id="fuera" style="position:relative; height:45px; width:600px; margin:auto; overflow:visible; border:1px;">
<div id="imgs" style="position:absolute; width:0px;"></div>
<img src="foto_uno.jpg" height="40" width="40"> 
.
.
.
<img src="foto_quince.jpg" height="40" width="40"> 
</div>
<br><div id="flechas"><a href='#' onmousedown="mueveRet()" id="fi">←</a> <a href='#' onmousedown="mueveAv()" id="fd">→</a></div>
</BODY>

De verdad les agradecería bastante si pudieran meter mano en el codigo y puedieran ayudarme. Estaré atento a sus respuestas.
Saludos!