Muchas gracias, este es el slide html
Código PHP:
<div id="galeria">
<a href="#" id="next" onClick="next();"></a>
<a href="#" id="prev" onClick="prev();"></a>
<?
for ($i=1; $i<=6; $i++){
?>
<center><img src="fotos/herramientas-<?=$i?>.jpg" height="344" id="imagen"></center>
<?
}
?>
</div>
</body>
y este el archivo externo de javascript
Código PHP:
// creamos una variable llamada indice que es la que va a recorrer el arreglo
// la inicializamos en el numero 1
var indice=1;
// creamos el arreglo llamado arreglo
var arreglo= new Array();
var res="";
// recorremos el arreglo para guardar el nombre de todas la graficas
var contenedor = document.getElementById("galeria"); //llamamos a contenedor div galeria
var imagenes=contenedor.getElementsByTagName("IMG");//llamamos al hijo tag img
var imagenes2=document.getElementById("imagen").src;//images con id image
var contar=imagenes.length;//contamos las imagenes
var nombre1=imagenes[0].src;//mostramos la direccion
imagenes[0].style.display="block";
// alert(nombre1);
var res= new Array();
for (i=0;i<=contar;i++)
{
// i.tostring es un metodo que cambia el valor entero i a su correspondiente valor cadena
res[i]=imagenes[i].src;
alert(res[i]);
//arreglo[i]=res;
//alert(arreglo[i]);
}
// esta funcion se encarga de cargar una nueva imagen , primero incrementa a indice
// y si indice llega a 5 lo devuelve al principio del arreglo
function cambiarimg()
{
if(indice==contar )
{
indice=0;
}
document.getElementById('imagen').src=res[indice];//le decimos el valor de src en la imagen con id imagen
indice++;
}
//ahora para pasar adelante las imagenes
function next(){
//indice=indice+1;
indice++;
if(indice > contar-1)//si indice es menor que la cantidad de la array el indice es 0
{
indice=0;
}
document.getElementById('imagen').src=res[indice];//le decimos el valor de src en la imagen con id imagen
}
//ahora para pasar atras las imagenes
function prev(){
indice --;
//indice -1;
//indice=indice-1;
if(indice < 0)//si indice es menor que 0 de la array el indice es 6
{
indice=contar-1;
}
document.getElementById('imagen').src=res[indice];//le decimos el valor de src en la imagen con id imagen
}
// esta funcion es la invocada desde el cargado de la pagina en el evento
// onload y se encarga de llamar a la funcion cambiarimg cada 2
// segundos, se puede cambiar el parametro para rotar las imagenes
// mas lento o mas rapido.
function repetir()
{
setInterval("cambiarimg()",5000);
}
Haber si veis cosas de novatos y y se puede mejorar, espero puedad mejorar este slide