Efecto puerta garaje

[pablo1985]

Buenas estoy probando un efecto bastante chulo que simula una puerta de garaje, pero tengo un problema, sin tocar el JS ni nada segun me bajo el fichero ya me esta funcionando distinto a la demo de la web y no consigo saber porque...a ver si alguien me puede echar un cable.Mil gracias

mi prueba:

http://www.lanxo.es/prueba

La original

http://css-tricks.com/examples/GarageDoorMenu/

PD:no tira en IE6 pero no me importa que tenemos que acabar con el.

[Panino5001]

No veo la diferencia. Mejor describirla.

[pablo1985]

Pues en mi version la ventanilla sube siempre aunque quites el raton de encima antes, la original si quitas el raton la pestaña no sube hasta arriba y se baja fijate en los movimoentos de ambas. un saludo y gracias por tu atencion

[TonyChile]

Ya veo la diferencia es muy leve si en el original en el momento de sacar el mouse de la imagen no sige subiendo y baja de inmediato en cambio en el tuyo continua subiendo = voy a tratar de ver los codigos fuentes y si veo la diferencia en el codigo te aviso aunque

pablo1985
pero tengo un problema, sin tocar el JS ni nada segun me bajo el fichero ya me esta funcionando distinto a la demo de la web y no consigo saber porque...

si lo copiaste = es raro que ocurra seguro no cambiaste nada y de donde lo bajaste o sacaste el codigo fuente de la pagina solamente?

[TonyChile]

Creo que ya se lo que es pero lo debes probar te falto poner stop()

Código javascript:

<script type="text/javascript">
        $(document).ready(function() {
 
            //Set css in Firefox (Required to use the backgroundPosition js)
            $('#shutter1').css({backgroundPosition: '0px 0px'});
            $('#shutter2').css({backgroundPosition: '0px 0px'});
            $('#shutter3').css({backgroundPosition: '0px 0px'});
            $('#shutter4').css({backgroundPosition: '0px 0px'});
 
            //Animate the shutter  
            $(".link").hover(function(){
                  $(this).parent().stop().animate({backgroundPosition: '(0px -100px)'}, 500 );
                }, function() {
                  $(this).parent().stop().animate({backgroundPosition: '(0px 0px)'}, 500 );
            }); 
         });
    </script>
 

tu lo tienes asi:

Código javascript:

<script type="text/javascript">
        $(document).ready(function() {
 
            //Set css in Firefox (Required to use the backgroundPosition js)
            $('#shutter1').css({backgroundPosition: '0px 0px'});
            $('#shutter2').css({backgroundPosition: '0px 0px'});
            $('#shutter3').css({backgroundPosition: '0px 0px'});
            $('#shutter4').css({backgroundPosition: '0px 0px'});
 
            //Animate the shutter  
            $(".link").hover(function(){
                  $(this).parent().animate({backgroundPosition: '(0px -100px)'}, 500 );
                }, function() {
                  $(this).parent().animate({backgroundPosition: '(0px 0px)'}, 500 );
            }); 
         });
    </script>
 

Vee si era eso y avisas

[pablo1985]

lo gracioso es que si te lo bajas de la web y lo ejecutas te pasa lo mismo que a mi...en la demo que tienen colgada deben de haber añadido el stop que me comentas...luego pruebo a ver que tal y te cuento! mil gracias!!!

[TonyChile]

De nada yo el codigo lo saque del codigo fuente de la pagina y lo primero que note fue esa diferencia con el tuyo y no hay nada mas diferente.
Espero que aya sido eso y te funcione

[pablo1985]

Ya esta solucionado mil gracias de nuevo tony!! eres un fenomeno ya sabeis si os gusta el efecto es bastante facil de implementar.un saludo

[TonyChile]

De nada pablo1985 me alegro que te funcionara era solo por un detalle lo que no permitia que te funcionara y si es un muy buen efecto para poner en algunas paginas que estes muy bien

[pablo1985]

Iniciado por TonyChile

De nada pablo1985 me alegro que te funcionara era solo por un detalle lo que no permitia que te funcionara y si es un muy buen efecto para poner en algunas paginas que estes muy bien

Lo único malo es que parece no llevarse muy bien para ie6...pero bueno yo ya no tengo eso en cuenta..
un saludo!!

[TonyChile]

Iniciado por pablo1985

Lo único malo es que parece no llevarse muy bien para ie6...pero bueno yo ya no tengo eso en cuenta..
un saludo!!

La verdad no se cuando lo probe fue en el IE7
y a que te refieres q es lo que pasa?