Ver Mensaje Individual
  #4 (permalink)  
Antiguo 06/06/2012, 12:05
Avatar de America|UNK
America|UNK
 
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 17 años, 5 meses
Puntos: 56
Respuesta: effecto mira telescopica javascript,jquery

Te e creado un script usando jQuery, no funciona del todo, pero si es lo que buscas con algunas modificaciones funcionará bien.

el script sería:

Código PHP:
$(document).ready(function(){
    var 
obj = $("#loup"), img obj.find("img")[0], 
        
circle = $("<div>",{'class':'circle'})
    
        
obj.css({width:img.width,height:img.height})
        
obj.mousemove(function(e){
            var 
left e.pageXtop e.pageYoffset obj.position(), 
                
circleSize = [circle.width(),circle.height()],
                
topPos top-offset.top-(circleSize[1]/2), 
                
leftPos left-offset.left-(circleSize[0]/2)
            
            
circle.css({
                
left:leftPos,
                
top:topPos,
                
backgroundPosition:"-" leftPos "px -"topPos "px"
            
})
            
         })
        
obj.append($("<div>",{'class':'layer'}))
        
obj.append(circle.css({backgroundImage:'url('+img.src+')'}));
        
circle.show()
})&
#8203; 
Aquí verás el resultado:

http://jsfiddle.net/wZVanG/GUedB/1/
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */