![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
09/01/2011, 06:51
|
| | Fecha de Ingreso: enero-2011 Ubicación: Colombia
Mensajes: 6
Antigüedad: 13 años, 8 meses Puntos: 1 | |
Respuesta: visor de imagnes bueno mira el codigo quedó asi, tenia varios problemas: uno era que al dar click en play de nuevo no funcionaba (habiendo oprimido pause) y otro era que al dar click varias veces en el botón play se iba sumando el tiempo entonces las imagenes pasaban con gran rapidez.... pero con tu respuesta y unas modificaciones quedó de la siguiente manera, ahora quiero recordar la imagen visitada por medio de una cookie, agregué una función llamada cook pero no obtiene el resultado, cada vez que actualizo la pagina empieza en la primera imagen y no en la ultima donde quedé; gracias por tu ayuda.
ahi va el codigo:
<!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="pause();"> 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 funcionando = false;
var tiempo;
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];
}else{
actual = 0;
visor.src = fotos[actual];
}
}
function diapositiva(){
if (funcionando == false) {
tiempo = window.setInterval('siguiente();', 1000);
funcionando = true;
}
}
function pause(){
window.clearInterval(tiempo);
funcionando = false;
}
function cook(){
var nombrar = "guardar"
var contenido = fotos[2]
document.cookie = nombrar + contenido;
var cooks = document.cookie;
alert(cooks)
}
</script>
<script type="text/javascript">
cook();
</script>
</body>
</html> |