Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/04/2010, 11:32
davicito
 
Fecha de Ingreso: marzo-2009
Mensajes: 480
Antigüedad: 13 años, 4 meses
Puntos: 1
div boton derecha y boton izquierda

Hola tengo un codigo javascript. que pulsando en un boton va hacia abajo y si pulso otro va hacia arriba. Lo que necesito es que vaya a la derecha o a la izquierda.

Código HTML:
<style type="text/css">
#gc{

	background-color:#333333;
	width:400px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	padding:2px 2px 2px 2px;
	}
#fc{
	/*no se me ocurre mas que seguir alargando esto*/
	width:800px; 
	height:100px;
	}		
	
.foto{
	background-color:#000000;
	height:100px;
	width:90px;
	margin-right:3px;
	border:1px solid #FFFFFF;
	float:left;

	}
</style>


<script type="text/javascript"> 
<!-- 

defaultStep=1 
step=defaultStep 
function scrollDivDown(id){ 
document.getElementById(id).scrollTop+=step 
timerDown=setTimeout("scrollDivDown('"+id+"')",10) 
} 

function scrollDivUp(id){ 
document.getElementById(id).scrollTop-=step 
timerUp=setTimeout("scrollDivUp('"+id+"')",10) 
} 


// --> 
</script>  

<div id="gc">

    <div id="fc">
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    </div>

</div>




<a href="#null" onmousedown="scrollDivDown('gc')" onmouseup="clearTimeout(timerDown)">ScrollDown</a>  
<a href="#null" onmousedown="scrollDivUp('gc')" onmouseup="clearTimeout(timerUp)">Scroll Up</a>