Alguien sabe donde encontrar este plugin jquery

[kratzor]

Andando por ahí, me encontré con este sitio y me gusto el fecto que hace cuando pones el mouse sobre las imagenes y las divide en tres alguien sabe donde conseguir este plugin?? que seguro es de jquery
http://madebyphill.co.uk/

[molinillo]

si le das boton derecho a la página y pones ver código fuente puedes hacerte con todo el js de la página , ya que al ejecutarse en tu navegador, puedes acceder a todo ese código ;)

Código javascript:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/rainbows.js"></script> //no he probado pero apostaria por esta ;)
<script type="text/javascript" src="js/app.js"></script>
 

si clickas en los links que te saldrán llegas a las librerias y solo tienes que copiarlas y ya tienes el script en tus manos.

[iviamontes]

lindo efecto pero en mi chrome anda un poco lento

[InKarC]

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easing.js"></script>

Son estas 2 con instrucciones en app.js. Simplemente usa el plugin para hacer el movimiento tipo "elastic" y eso es todo.

Código Javascript:

$("#div").animate({duration:200, easing:"easeOutElastic"})
 

Copiado de la pagina:

Código Javascript:

$('.image-stage').live('mouseenter',function(){
        t = $(this);
        
        hov = setTimeout(function(){
                    
            $('.col2').stop(true,true).animate({
                opacity : 0
            },300);
            
            $('img[alt="1"]',t).stop(true,true).animate({
                marginLeft : "+=100px"
            },{duration: 1000 , easing: "easeOutElastic"});
            
            $('img[alt="2"]',t).stop(true,true).animate({
                marginLeft : "+=400px"
            },{duration: 1000 , easing: "easeOutElastic"});
            
            $('img[alt="3"]',t).stop(true,true).animate({
                marginLeft : "+=250px"
            },{duration: 1000 , easing: "easeOutElastic"});
            
            $('img[alt="4"]',t).stop(true,true).animate({
                marginLeft : "+=250px"
            },{duration: 1000 , easing: "easeOutElastic"});
            
            hov = null;
        
        },300);
        
    
    
    });