#1 9 abr 12, 11:09
Efecto Jquery (LOL Inside)
Buenas gentecilla.
Estoy aquí trasteando con Jquery (como siempre XD) y tengo un problema que me trae un poco de cabeza.
Tengo esta página (la de la tienda fisica de mi jefe) http://www.carmenzirelli.es que todavía la tengo en construcción.
Si hacéis clic en el primer cuadrado veréis que el slider desaparece y aparece un texto de pruebas con un botón, si pulsamos ese botón el texto desaparece y reaparece el slider, pero ahí debería aplicarse el efecto de bounce que solo se aplica en IE
Total me estoy volviendo mico intentando solucionarlo os dejo todos los fragmentos de codigo implicados (hmtl y CSS) a ver si alguien es capaz de ver el error y echarme un cable.
HTML
CSS Relacionado
Halp pls!
Estoy aquí trasteando con Jquery (como siempre XD) y tengo un problema que me trae un poco de cabeza.
Tengo esta página (la de la tienda fisica de mi jefe) http://www.carmenzirelli.es que todavía la tengo en construcción.
Si hacéis clic en el primer cuadrado veréis que el slider desaparece y aparece un texto de pruebas con un botón, si pulsamos ese botón el texto desaparece y reaparece el slider, pero ahí debería aplicarse el efecto de bounce que solo se aplica en IE
$("#back").click(function(){ var selectedEffect2 = "bounce"; $("#abouttext").hide(); $("#container div").height("260px"); $("#container").show(selectedEffect2, {times: 3}, 600); });Total me estoy volviendo mico intentando solucionarlo os dejo todos los fragmentos de codigo implicados (hmtl y CSS) a ver si alguien es capaz de ver el error y echarme un cable.
HTML
<div id="container"> <div><a href="#"><img id="about" src="img/image-1.jpg" alt="" /></a></div> <div><a href="#"><img src="img/image-2.png" alt="" /></a></div> <div><a href="#"><img src="img/image-3.jpg" alt="" /></a></div></div>CSS Relacionado
#container{ width: 960px;}#container div{ *text-align: left; margin-right:3px; float:left; width:296px; height:260px; /*border:1px solid #999 ;*/ position:relative; overflow:hidden;}#container img{ position: absolute;}Halp pls!
Mensaje editado 1 vez. Última edición 9 abr 12, 12:47
#2 9 abr 12, 11:49
#1 La función .show() suele ser bastante limitada y no funciona igual en todos los navegadores. Yo te recomiendo que te mires animate() que te podrás personalizar todos los fades in/out de tu página y muchas más cositas, teniendo control absoluto sobre ellos, y no entraña mucha más complicación que show.
#4 9 abr 12, 12:40
#3 Pero te ha pasado otras veces, o es algo específico de este proyecto?
Yo para los efectos siempre uso http://gsgd.co.uk/sandbox/jquery/easing/
Es un plugin de jquery para ampliar tomo el tema de transiciones, easings y demás, y me han funcionado perfectamente en todos los navegadores.
Yo para los efectos siempre uso http://gsgd.co.uk/sandbox/jquery/easing/
Es un plugin de jquery para ampliar tomo el tema de transiciones, easings y demás, y me han funcionado perfectamente en todos los navegadores.
#6 9 abr 12, 13:16
Vale solucionado, he envuelto el div que contiene el slider con otro div y he aplicado el efecto a ese.
Debía haber un conflicto con porque el div de las imágenes ya tiene un efecto y tal...
Podéis chapar
Debía haber un conflicto con porque el div de las imágenes ya tiene un efecto y tal...
Podéis chapar
#7 9 abr 12, 13:31
Ale, MAJIA. Me alegro de que lo hayas sacado
Seguramente será lo que dices, lo malo de jQuery es que al ser tan potente el selector de objetos muchas veces acabas sobreescribiendo o solapando funcionamientos.
En un proyecto sobre wordpress q estoy haciendo ahora, tiene mil plugins, cada uno con su jquery, y me paso más horas haciendo que se lleven bien entre ellos que implementándolos xD
Seguramente será lo que dices, lo malo de jQuery es que al ser tan potente el selector de objetos muchas veces acabas sobreescribiendo o solapando funcionamientos.En un proyecto sobre wordpress q estoy haciendo ahora, tiene mil plugins, cada uno con su jquery, y me paso más horas haciendo que se lleven bien entre ellos que implementándolos xD
#8 9 abr 12, 13:33
#7 Es que implementar jquery es lo mas fácil del mundo, eso si cuando empiezas a mezclar... gg
Ademas ahora ya queda mogollón de bien con el jodido efecto de rebote cuando le das a volver XD, ahora solo tengo que conseguir que mi jefe me haga caso y rellenar los textos y poner las fotos.
#9 Si a mi también ahora que lo estaba forzando de verlo tanto me rallan los rebotes... le he puesto fold que es mucho menos cansino.
#9 Firefox es un troll XD a mi me va bien con el efecto de fold :S
Ademas ahora ya queda mogollón de bien con el jodido efecto de rebote cuando le das a volver XD, ahora solo tengo que conseguir que mi jefe me haga caso y rellenar los textos y poner las fotos.
#9 Si a mi también ahora que lo estaba forzando de verlo tanto me rallan los rebotes... le he puesto fold que es mucho menos cansino.
#9 Firefox es un troll XD a mi me va bien con el efecto de fold :S
Mensaje editado 2 veces. Última edición 9 abr 12, 13:41
#9 9 abr 12, 13:36
#8 He echado un vistazo y me marea un poco que el efecto sea tan prolongado. No molaría más si fuera menos elástico? En plan.. goma dura "poing", no sé explicarlo mejor con letras xD Que no tengas que esperar tanto a verlo fijo en pantalla vaya.
Y otra cosilla, aunque supongo que aún lo estarás tocando. En Firefox al menos, se me descanajan los contenidos cuando cambio de una sección a otra, y tras unos intantes se recoloca todo. Just saying...
Y otra cosilla, aunque supongo que aún lo estarás tocando. En Firefox al menos, se me descanajan los contenidos cuando cambio de una sección a otra, y tras unos intantes se recoloca todo. Just saying...
#10 12 abr 12, 15:15
Voy a reflotar el hilo por no abrir otro XD.
Como soy un torpe, sigo bregando con jquery ahora en la página con jquery cambio la imagen del header y modifico el tamaño para ponerla lateral y dejar el espacio central para los textos.
Podeis verlo en http://www.carmenzirelli.es, la historia es que en IE cuando se redimensiona el header y se pone a la izquierda el texto aparece, se ve el efecto, pero luego se va al fondo y no consigo que se visualice. ¿Alguna sugerencia plz?
Como soy un torpe, sigo bregando con jquery ahora en la página con jquery cambio la imagen del header y modifico el tamaño para ponerla lateral y dejar el espacio central para los textos.
Podeis verlo en http://www.carmenzirelli.es, la historia es que en IE cuando se redimensiona el header y se pone a la izquierda el texto aparece, se ve el efecto, pero luego se va al fondo y no consigo que se visualice. ¿Alguna sugerencia plz?
#11 16 abr 12, 00:50
A nadie se le ocurre nada? Ando un poco desesperado la verdad XD
Favoritos
0