![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
06/01/2011, 14:19
|
| | Fecha de Ingreso: enero-2011 Ubicación: Colombia
Mensajes: 6
Antigüedad: 13 años, 8 meses Puntos: 1 | |
visor de imagnes Tengo el siguiente codigo del visor de imagenes, el problema es que debo generra un botón play que vaya pasando las imagenes de manera consecutiva, pero al llegar a la ultima imagen se detiene, lo que necesito es que vuelva a la foto[0], que no pare la reproduccion de las imagenes sólo hasta pulsar pause, que tambien tengo problemas para programar este botón.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
img{
height:300px;
}
.mini{
height:50px;
}
</style>
</head>
<body>
<img src="imagen1.jpg" id="vis">
<button onclick="atras();"> << </button>
<button onclick="siguiente();"> >> </button>
<button onclick="diapositiva();"> Play </button>
<button onclick="play();"> Pause</button>
<br/>
<img src="imagen1.jpg" onclick="cambia(0);" class="mini" />
<img src="imagen2.jpg" onclick="cambia(1);" class="mini" />
<img src="imagen3.jpg" onclick="cambia(2);" class="mini" />
<img src="imagen4.jpg" onclick="cambia(3);" class="mini" />
<img src="imagen5.jpg" onclick="cambia(4);" class="mini" />
<script type="text/javascript">
var actual = 0;
var visor = document.getElementById("vis");
var fotos = new Array(5);
fotos[0] = "imagen1.jpg";
fotos[1] = "imagen2.jpg";
fotos[2] = "imagen3.jpg";
fotos[3] = "imagen4.jpg";
fotos[4] = "imagen5.jpg";
function cambia(x){
actual = x;
visor.src = fotos[actual];
}
function atras(){
if (actual > 0) {
actual--;
visor.src = fotos[actual];
}
}
function siguiente(){
if (actual < 4) {
actual++;
visor.src = fotos[actual];
}
}
function diapositiva(){
setInterval('siguiente()', 1000);
}
</script>
</body>
</html> |