hola , estoy haciendo un pequeno tutorial acerca de los diagramas de flujo, cree dos botones anterior y siguiente, y quiero que al llegar al final o a medio punto del arreglo, aparezca un boton que me indique que opcion elegir, por ejemplo en una condicion, poder decidir si voy voy al yes o al no.
aqui adjunto mi codigo y acepto todo tipo de sugerencias, quejas , aportaciones, etc.
gracias por leer, bonito dia :D!
<html>
<div id="viewer">
<img id="imgU" src="1.jpeg" alt="" width='200' height='200'>
<button onclick="anterior(document.all['imgU']);">anterior</button> <button onclick="siguientee(document.all['imgU']);">Siguiente</button>
</div>
<script>
// aqui ponemos la otra funcion
(function(){
var j = 0;
document.all["imgU"].srcList = []
document.all["imgU"].srcList[0] = "1.jpeg"
document.all["imgU"].srcList[1] = "2.jpeg"
document.all["imgU"].srcList[2] = "3.jpeg"
document.all["imgU"].srcList[3] = "4.jpeg"
anterior = function(imgElement){
if(j !== 0){
j--
}else{
alert("esta es la primera foto")
return;
}
imgElement.src = imgElement.srcList[j]
}
siguientee = function(imgElement){
j++
if(!imgElement.srcList[j]){
j--
// aqui me gustaria que me apareciera el boton en la pagina o como podre hacerle para empezar un arreglo nuevo???
// setTimeout("location.href='page2.html'", 0);
//alert("esta es la ultima foto")
// "location.href='index.html'"
//goto document.all["imgU"].srcList[0] = "grumos.png"
return;
}
imgElement.src = imgElement.srcList[j]
}
})()
</script>
</html>