Estimados:
Estoy usando este script de la pagina de Carlitos. Resulta que quiero que en la misma página haya varios slides de este tipo que sean independientes entre sí. Ya que debo narrar distintos sucesos.
¿Sería posible? ¿Podrían decirme cómo?
Gracias!!!
<script type='text/JavaScript' src='fotos.js'></script>
<script>
/************************************************** ************
Visor de fotos en javascript. Por Carlitos.
[email protected]
Si usas este script, deja intactas estas líneas (créditos). Vale?
También te agradecería un e-mail con tus comentarios. (
[email protected])
Visor de fotos v.4 En fase de experimentación.
************************************************** **************/
var afoto = new Array()
var idx=0
function inicio()
{
for (a=0;a<fotos.length;a++)
{
afoto[a] = new Image()
afoto[a].src = fotos[a]
}
muestra()
}
function pasa(dir)
{
if (dir=="i")
{
idx--
if (idx < 0) idx = afoto.length - 1
}
else
{
idx++
if (idx == afoto.length) idx = 0
}
muestra()
}
function muestra()
{
document.images["fotico"].src = afoto[idx].src
document.getElementById('leyenda').innerHTML = "Foto " + (idx+1) + " de " + fotos.length
document.getElementById('dcr').innerHTML = desc[idx]
}
</script>
<body onLoad="inicio();">
<p><br>
</p>
<table width="505" border="0">
<tr>
<td><p align="center"><img id="fotico" height="100" border="1"></p>
<p align="center">
<input name="button" type="button" onClick="pasa('i')" value="<<<">
<span id="leyenda"></span>
<input name="button2" type="button" onClick="pasa('d')" value=">>>">
</p></td>
</tr>
</table>