Foros del Web » Programando para Internet » Javascript »

funcion pasarela de imágenes.

Estas en el tema de funcion pasarela de imágenes. en el foro de Javascript en Foros del Web. Buenas gente... Mirar una preguntilla tengo la siguiente función: Código PHP: < script language = "javascript" > window . onload  =  f_init ;   var  oDiv   ...
  #1 (permalink)  
Antiguo 05/04/2007, 03:02
 
Fecha de Ingreso: abril-2006
Mensajes: 218
Antigüedad: 18 años
Puntos: 0
funcion pasarela de imágenes.

Buenas gente...

Mirar una preguntilla

tengo la siguiente función:

Código PHP:
<script language="javascript">
window.onload f_init;
 
var 
oDiv  null;
var 
hInt  null;
var 
nDir  0;
 
function 
f_init() {
    var 
nCoordX 0;
    var 
nMaxH   0;
    var 
nlDivs  document.getElementsByTagName("div");
    for(
i=0i<nlDivs.lengthi++) {
        var 
oDiv nlDivs[i];
        if(
oDiv.className=="st") {
            
oDiv.onmouseover f_mover;
            
oDiv.onmousemove f_mmove;
            
oDiv.onmouseout  f_mout;
            
oDiv.move        f_move;
            for(
ii=0ii<oDiv.childNodes.lengthii++) {
                var 
oImg nlDivs[i].childNodes[ii];
                if(
oImg.tagName=="IMG") {
                    
oImg.style.position "absolute";
                    
oImg.style.left     nCoordX+"px";
                    
nCoordX += oImg.width 5;
                    
nMaxH    Math.max(nMaxHoImg.height);
                }
            }
            
oDiv.scrollLeft   0;
            
oDiv.maxScrollW   oDiv.scrollWidth oDiv.offsetWidth;
            
oDiv.centerX      = (oDiv.offsetWidth 2);
            
oDiv.style.height nMaxH+"px";
        }
    }
}
function 
f_mover() {
    if(
hInt != nullwindow.clearInterval(hInt);
    
oDiv  this;
    
hInt  window.setInterval(f_move10);
}
function 
f_mmove(event) {
    if(
event == nullevent window.event;
    var 
x  event.clientX this.offsetLeft;
    if(
this.centerX && this.scrollLeft>0              nDir = -1;
    if(
this.centerX && this.scrollLeft<this.maxScrollWnDir = +1;
}
function 
f_mout() {
    
window.clearInterval(hInt);
    
hInt null;
    
oDiv null;
}
function 
f_move() {
    
oDiv.scrollLeft += nDir;
}
</script> 
Esto lo que me hace es que las imágenes que tengo dentro de:

Código PHP:
<div class="st"
</
div
Me las va corriendo de un lado a otro, dependiendo de donde entre con el raton en el div. Si entro en la parte derecha, la imagen corre hacia ese lado, y viceversa.

Bien, mi pregunta es si le puedo cambiar el evento, o más bien el elemento sobre el que actua la función.

Tengo estas dos imágenes:

Código PHP:
        <td>
            <
img src="Images/produ_35.gif" alt="" name="izq" width="14" height="16" id="izq" onMouseOver="paxx=setInterval('mover(speed)',10);" onMouseOut="clearInterval(paxx);" style="cursor:pointer;"></td>
        <
td colspan="2">
            <
img src="Images/produ_36.gif" alt="" name="der" width="14" height="16" id="der" onMouseOver="paxx=setInterval('mover(-speed)',10);" onMouseOut="clearInterval(paxx);" style="cursor:pointer;"></td
Pues me gustaría que lo hiciera al entrar sobre ella, a la izquierda en la imagen "izq" y hacia la derecha en la imagen "der".

Eso es posible?

Muchas gracias.

Última edición por erponcios; 05/04/2007 a las 03:07
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:46.