Varios Slides en una sola página

martingambit · #1 (**permalink**) 02/02/2007, 10:05

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>

martingambit · #2 (**permalink**) 02/02/2007, 12:04

Vamos, nadie de los que me leen me van a ayudar?
Se los pido por favor.

Acá mando otro que puede ser más sencillo de poner 2 slides juntos:

<table border="0" cellpadding="0">
<caption><strong>Air Show Photos</strong></caption>
<tr>
<td width="100%"><img src="a1.jpg" width="300" height="240" name="photoslider"></td>
</tr>
<tr>
<td width="100%"><form method="POST" name="rotater">
<div align="center"><center><p><script language="JavaScript1.1">
var photos=new Array(1)
var which=0

/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="a1.jpg"
photos[1]="a2.jpg"
photos[2]="a3.jpg"
photos[3]="a4.jpg"
photos[4]="a5.jpg"

function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
</script><input type="button" value="<<Back" name="B2"
onClick="backward()"> <input type="button" value="Next>>" name="B1"
onClick="forward()"><br>
<a href="#" onClick="which=1;backward();return false"><small>Start Over</small></a></p>
</center></div>
</form>
</td>
</tr>
</table>