Bueno tengo la etiqueta img
y al hacer click en un div con id="btnsiguiente"
voy cambiando la ruta del img
, hacer esto con javascript es facil si creo un array con las rutas adentro pero si las rutas de las imagenes la tengo en una base de datos como lo haria?
Este es mi codigo javascript:
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<link rel="stylesheet" href="cssstack.css">
</head>
<script>
var rutas=["images/img1.jpeg","images/img2.jpeg","images/im3.jpg","images/img4.jpg"];
var img;
var x=-1;
function siguiente()
{
btnsiguiente=document.getElementById("btnsiguiente");
btnsiguiente.addEventListener("click",siguiente_img,false);
}
function siguiente_img()
{
x++;
img=document.getElementsByTagName("img");
img[0].src=rutas[x];
}
window.onload=siguiente;
</script>
<body>
<div >
<img src="" width="200px" heigth="300px" />
</div>
<div id="btnsiguiente">
</div>
</body>
</html>
como editaria el script si las rutas las jalo de la base de datos?