Proyector Diapositivas CARICATOS Por favor, alguien podría ayudarme para hacer funcionar el Proyector de "Caricatos"?
Aquí va el código que he despejado de la pagina del Autor:
Código PHP:
<html>
<head>
<title>
Proyector CARICATOS
</title>
<link rel="stylesheet" type="text/css" href="galeria.css" />
<script language="javascript" type="text/javascript" src="fotos.js"></script>
<script src="galeria.js" language="Javascript" type="text/javascript" ></script>
<script src="diapositivas.js" language="Javascript" type="text/javascript" ></script>
<script src="precarga.js" language="Javascript" type="text/javascript" ></script>
<script src="precargabarra.js" language="Javascript" type="text/javascript" ></script>
<script language="javascript" type="text/javascript" >
var visor = "document.getElementById('proyector')";
var actual = 0;
var automatismo;
var capas = [false, false, false];
var colecciones = new Array(3);
for (var i = 0; i < colecciones.length; i ++) colecciones[i] = false;
function ventanaProyector() {
var ops = "width=720,height=540,top=" + (screen.height / 2 - 270) +
",left=" + (screen.width / 2 - 360);
var _ventana = window.open("proyector.html", "ventana", ops);
_ventana.focus();
}
function alternando(elemento) {
var meVeo = document.getElementById(elemento).style.display == "block";
document.getElementById(elemento).style.display = (meVeo) ? "none" : "block";
}
function efectuar(elemento) {
var ef = (elemento == 0) ? Math.floor(Math.random() * efecto.length) : elemento - 1;
actual = ++actual % fichero.length;
indicar(ef + 1);
iniciaEfecto(visor, fichero[actual].imagen, "transparent", ef);
}
function indicar(n) {
document.forms.selEfecto.descri.value = document.forms.selEfecto.selector[n].text;
}
function auto() {
var retardo = fichero[actual].tiempo;
actual = (actual + 1) % fichero.length;
var ef = (fichero[actual].efecto == -1) ? Math.floor(Math.random() * efecto.length) : fichero[actual].efecto;
indicar(ef + 1);
iniciaEfecto(visor, fichero[actual].imagen, "transparent", ef);
automatismo = setTimeout("auto()", retardo);
}
function detener() {
clearTimeout(automatismo);
document.forms.selEfecto.auto.value = " automático ";
document.forms.selEfecto.auto.onclick = comenzar;
document.forms.selEfecto.ir.disabled = false;
document.forms.selEfecto.selector.disabled = false;
}
function comenzar() {
document.forms.selEfecto.auto.value = " detener ";
document.forms.selEfecto.auto.onclick = detener;
document.forms.selEfecto.ir.disabled = true;
document.forms.selEfecto.selector.disabled = true;
auto();
}
function activar2() {
document.getElementById("porcentaje").style.width = porciento(colecciones[2]) + "%";
if (precargados(colecciones[2])) {
document.forms.selEfecto.style.display = "inline";
document.getElementById("preProyector").style.display = "none";
}
else
setTimeout("activar2()", 100);
}
function abrirCapa(n) {
switch (n) {
case 2:
if (!colecciones[2]) {
colecciones[2] = precargar(
"fotos/maxi/Diapositiva52.jpg",
"fotos/maxi/Diapositiva62.jpg",
"fotos/maxi/Diapositiva66.jpg",
"fotos/maxi/Diapositiva73.jpg",
"fotos/maxi/Diapositiva81.jpg",
"fotos/maxi/Diapositiva82.jpg",
"fotos/maxi/Diapositiva91.jpg",
"fotos/maxi/Diapositiva95.jpg",
"fotos/maxi/Diapositiva100.jpg");
activar2();
}
break;
otherwise
break;
}
}
function iniciar(n) {
if (!capas[n]) abrirCapa(n);
capas[n] = true;
}
</script>
</head>
<body onload="prepararCapa('proyector');
asignarFondo(document.getElementById('proyector'),
Diapositivas[0].imagen)">
<div>
<h2 style="width: 100%;">
<form style="display: inline">
<input type="button"
value=" ↓ "
onclick="iniciar(2); alternando('divproyector'); this.value = (this.value == ' ↓ ') ? ' ↑ ':' ↓ '"
style="float: right; display: inline;" />
</form>
Proyector de diapositivas
</h2>
</div>
<div class="conten" id="divproyector" style="display: none;" >
<p>
Una presentación de fotografías es algo muy sencillo, dependiendo
de los elementos que nos interese usar... precarga, transiciones,
eventos del teclado o controles, etc.
</p>
<p>
Vamos a usar las fotos que se ven en la galería que nos precede.
</p>
<div id="preProyector" style="width: 100%; background-color: white;" >
<div id="porcentaje" style="width: 0%; height: 10px; background-color: red;">
</div>
</div>
<form name="selEfecto" style="display: none">
<fieldset>
<legend>
Selector de transiciones
</legend>
<select name="selector">
<option selected>
Al azar
</option>
<option >
Sin Efecto
</option>
<option >
Abrir hacia la izquierda
</option>
<option >
Cerrar desde la izquierda
</option>
<option >
Abrir hacia la derecha
</option>
<option >
Cerrar desde la derecha
</option>
<option >
Abrir hacia arriba
</option>
<option >
Cerrar desde arriba
</option>
<option >
Abrir hacia abajo
</option>
<option >
Cerrar desde abajo
</option>
<option >
Abrir hacia arriba / izquierda
</option>
<option >
Cerrar desde abajo / derecha
</option>
<option >
Abrir hacia arriba / derecha
</option>
<option >
Cerrar desde abajo / izquierda
</option>
<option >
Abrir hacia abajo / izquierda
</option>
<option >
Cerrar desde arriba / derecha
</option>
<option >
Abrir hacia abajo / derecha
</option>
<option >
Cerrar desde arriba / izquierda
</option>
Cerrar desde arriba / derecha
</option>
<option >
Abrir hacia el centro
</option>
<option >
Cerrar desde el centro
</option>
<option >
Apertura horizontal
</option>
<option >
Cierre horizontal
</option>
<option >
Apertura vertical
</option>
<option >
Cierre vertical
</option>
<option >
Fundido
</option>
</select>
<input name="ir"
type="button"
onclick="efectuar(this.form.selector.selectedIndex);"
value=" Ir " />
<input name="auto"
type="button" style="width: 100px;"
onclick="comenzar();"
value=" Automático " />
efecto: <input name="descri"
type="text" size="50" readonly />
</fieldset>
</form>
<br />
<div align="center" style="text-align: center;">
<div id="proyector" align="center" style="width: 700; height: 500;">
</div>
</div>
<br />
<p>
En la siguiente página se puede ver un ejemplo simple de simulación
de un proyector de diapositivas: <a href="javascript: void(false)" onclick="ventanaProyector()" >proyector</a>.
</p>
<br />
<p>
Tener este proyector no podía ser más fácil... tan solo hay que
</p>
</div>
</body>
</html>
Muchas gracias y un saludo grandote!!!
Paul.-
