Alguien tiene idea de como hacer esto?

[Carxl]

Hola a todos, cómo van?

Pues resulta que un cliente a pedido la siguiente galería de imágenes:

http://www.costumbreshop.com/app/art...ria=3&marca=0&

Si esperan que cargue y deslizan el mouse sobre la imagen del bolso, veràn lo que pasa...

Es un efecto muy bonito y vistoso y así lo quiere el cliente Lo mejor de todo es que la "zona"(esa capa grande de la derecha) donde se carga el zoom al hacerle scroll desaparece, osea, no se mantiene si la activan.

Alguna idea?

Saludos

[rcarcamonster]

hola, si es que todavía te sirve una respuesta podrías hacer el sitio usando Joomla el cual posee muchas extensiones del tipo de galería de imágenes. y si es que no existes la puedes hacer tu.

Saludos

[jorgedx]

interesante

Código PHP:

  
function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft,curtop];
}

function posfoto () {
    xyfoto = findPos(efoto);
    esensor.style.left = xyfoto[0];
    esensor.style.top = xyfoto[1];
}

function showpic(j,f) {
    cargando=1;
    document[j].src=f;
    }


function move(me) {
    
    lx= me.clientX - 30 + soffs[0];
    ly= me.clientY - 30 + soffs[1];
    
    bx= - Math.round( (lx - xyfoto[0]) * (1199 - 490) / (260 - 58) );
    by= - Math.round( (ly - xyfoto[1]) * (1199 - 490) / (260 - 58) );
            
    efotozoom.style.top = eval("'"+by+"px'");
    efotozoom.style.left = eval("'"+bx+"px'");
    elupa.style.left = eval("'"+lx+"px'");
    elupa.style.top = eval("'"+ly+"px'");

    }
    
function hiddezoom() {
    ezoom.style.visibility='hidden';
    elupa.style.visibility='hidden';
    ecar.style.visibility='hidden';

    if (ecantsel != null) {
        ecantsel.style.visibility='visible';
        }

    if (etallesel != null) {
        etallesel.style.visibility='visible';
        }
    }

function showzoom() {
    soffs[0] = document.body.scrollLeft;
    soffs[1] = document.body.scrollTop;
    
    if (cargando==1) {
        ecar.style.visibility='visible';
        }
    
    if (ecantsel != null) {
        ecantsel.style.visibility='hidden';
        }

    if (etallesel != null) {
        etallesel.style.visibility='hidden';
        }

    ezoom.style.visibility='visible';
    elupa.style.visibility='visible';    

    } 
   

el archivo se llama 20092007.js