Limpieza
git-svn-id: https://192.168.0.254/svn/Proyectos.LaManoDePablo_Web/trunk@14 1f125104-cfba-1d4b-a82f-f72e3caf8177
This commit is contained in:
parent
d23ec6cbb2
commit
9a430c9906
@ -1,117 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>Slide Shows</title>
|
||||
<script type="text/javascript">
|
||||
|
||||
var ancho = 353;
|
||||
var total = 4;
|
||||
var position = new Array(0,ancho*-1,ancho*-2,ancho*-3,ancho*-total);
|
||||
var vel = 0;
|
||||
var pos = 0;
|
||||
var estado;
|
||||
var move;
|
||||
var posfinal = 0;
|
||||
var coef;
|
||||
var dir;
|
||||
var activo = true;
|
||||
|
||||
function dispara(p,c){
|
||||
if(activo){
|
||||
estado = false;
|
||||
coef = c;
|
||||
dir = p;
|
||||
if(!dir){
|
||||
if(posfinal < position.length - 1){
|
||||
posfinal = posfinal + 1;
|
||||
move = setInterval(moving,20);
|
||||
activo = false;
|
||||
if(posfinal == position.length - 1){
|
||||
document.getElementById("right").innerHTML = "";
|
||||
}
|
||||
if(document.getElementById("left").childNodes.length != 1){
|
||||
document.getElementById("left").innerHTML = "<a href=\"javascript:dispara(true,"+ coef +");\"><img src=\"images/arrow_left.gif\" alt=\"\" /></a>";
|
||||
}
|
||||
}else{
|
||||
activo = true;
|
||||
}
|
||||
}else{
|
||||
if(posfinal > 0){
|
||||
posfinal = posfinal - 1;
|
||||
move = setInterval(moving,20);
|
||||
activo = false;
|
||||
if(posfinal == 0){
|
||||
document.getElementById("left").innerHTML = "";
|
||||
|
||||
}
|
||||
if(document.getElementById("right").childNodes.length != 1){
|
||||
document.getElementById("right").innerHTML = "<a href=\"javascript:dispara(false,"+ coef +");\"><img src=\"images/arrow_right.gif\" alt=\"\" /></a>";
|
||||
}
|
||||
}else{
|
||||
activo = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function moving(){
|
||||
if(!dir){
|
||||
if(pos > position[posfinal] + (ancho/2)){
|
||||
vel-= coef;
|
||||
}else{
|
||||
if(!estado){
|
||||
pos = position[posfinal] + (ancho/2);
|
||||
vel-= coef;
|
||||
}
|
||||
vel+= coef;
|
||||
estado = true;
|
||||
}
|
||||
pos+= vel;
|
||||
if(pos <= position[posfinal]){
|
||||
pos = position[posfinal];
|
||||
clearInterval(move);
|
||||
vel = 0;
|
||||
activo = true;
|
||||
}
|
||||
}else{
|
||||
if(pos <= position[posfinal] - (ancho/2)){
|
||||
vel+= coef;
|
||||
}else{
|
||||
if(!estado){
|
||||
pos = position[posfinal] - (ancho/2);
|
||||
vel+= coef;
|
||||
}
|
||||
vel-= coef;
|
||||
estado = true;
|
||||
}
|
||||
pos+= vel;
|
||||
if(pos >= position[posfinal]){
|
||||
pos = position[posfinal];
|
||||
clearInterval(move);
|
||||
vel = 0;
|
||||
activo = true;
|
||||
}
|
||||
}
|
||||
document.getElementById('slide').style.background = 'url(images/background.jpg) no-repeat '+ pos +'px';
|
||||
}
|
||||
|
||||
</script>
|
||||
<style type="text/css">
|
||||
body { background: white; margin: 0; }
|
||||
a { outline: none; }
|
||||
#slide { width: 353px; height: 200px; margin: 0 auto; background: url(images/background.jpg); }
|
||||
.band { width: 30px; height: 200px; background: black; text-align: center; }
|
||||
.band img { position: relative; top: 50%; margin-top: -20px; border: 0; outline: none; }
|
||||
.left { float: left; }
|
||||
.right { float: right; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="slide">
|
||||
<div class="band left" id="left"></div>
|
||||
<div class="band right" id="right"><a href="javascript:dispara(false,5);"><img src="images/arrow_right.gif" alt="" /></a></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user