Navega por las fotos de Badongo con esta sencilla página

Código sencillo en Javascript y Html para navegar por las fotos de badongo. Es muy sencilla, sin ningún css de estilo que lo dejo a gusto de cada uno. Solo contiene lo minimo. Para hacerla servir crear un archivo html con este código.

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>

<script type=”text/javascript”>

var i;

function nextImage(){

document.getElementById(“ibadongo”).src=”http://www.badongo.com/pix/&#8221; + i;

i++;
document.getElementById(“numimage”).value = i;

}

function prevImage(){

document.getElementById(“ibadongo”).src=”http://www.badongo.com/pix/&#8221; + i;

i–;
document.getElementById(“numimage”).value = i;

}

function randomImage(){

random(3000000);
document.getElementById(“ibadongo”).src=”http://www.badongo.com/pix/&#8221; + i;
document.getElementById(“numimage”).value = i;

}

function loadPage(){

random(3000000);
document.getElementById(“ibadongo”).src=”http://www.badongo.com/pix/&#8221; + i;

document.getElementById(“numimage”).value = i;

}

function random(num){

i = Math.round(num*Math.random())

}
function nav2image(){

i=document.getElementById(“numimage”).value
document.getElementById(“ibadongo”).src=”http://www.badongo.com/pix/&#8221; + i;
document.getElementById(“numimage”).value = i;

}

</script>

</head>
<body onload=”loadPage();”>
<input id=”btn_prev” type=”button” value=”Previo” name=”btn_previo” onclick=”prevImage();” />
<input id=”btn_next” type=”button” value=”Siguiente” name=”btn_next” onclick=”nextImage();” />
<input id=”btn_random” type=”button” value=”Random” name=”btn_next” onclick=”randomImage();” />
<input type=”text” id=”numimage” name=”numimage” value=”1″ /><input type=”submit” value=”Buscar” onclick=”nav2image();” />
<br>
<iframe id=”ibadongo” width=”1024″ height=”700″ name=”ibadongo”></iframe>
</body>
</html>

Esta página esta hecha con Geany, editor de textos GNU, desde linux Ubuntu 7.10

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: