Efecto Jquery (LOL Inside)

Merkury

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) 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!

GreyShock

#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.

1 respuesta
Merkury

#2 Si es que la movida es que los efectos de Jquery UI no me van en chrome, ni en Firefox ni en Safari, pero si en IE :S

1 respuesta
GreyShock

#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.

1 respuesta
Merkury

#4 Es la primera vez que me pasa, pero lo raro es eso, que en IE va bien y en Chrome y el resto, petan.

Merkury

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 :D

GreyShock

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

1 respuesta
Merkury

#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

1 respuesta
GreyShock

#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...

1 respuesta
Merkury

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 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?

Merkury

A nadie se le ocurre nada? Ando un poco desesperado la verdad XD

Usuarios habituales

  • Merkury
  • GreyShock