Foros del Web » Programando para Internet » Jquery »

jquery slideToggle

Estas en el tema de jquery slideToggle en el foro de Jquery en Foros del Web. Hola, estoy intentando hacer algo como el overdrive (derecha de la web) de mtv con jquery pero no me acaba de salir. El efecto está ...
  #1 (permalink)  
Antiguo 22/06/2008, 07:00
Avatar de jerkan  
Fecha de Ingreso: septiembre-2005
Mensajes: 1.607
Antigüedad: 19 años, 2 meses
Puntos: 19
jquery slideToggle

Hola,

estoy intentando hacer algo como el overdrive (derecha de la web) de mtv con jquery pero no me acaba de salir.

El efecto está claro que es un slideToggle, pero antes de cerrar la capa se cambia el contenido (en este caso, por una imagen).
Entonces, la pregunta es ¿se puede hacer algun proceso antes de que se haga el slide? O si no, ¿Ustedes como lo harían?

Gracias
  #2 (permalink)  
Antiguo 23/06/2008, 05:21
Avatar de jerkan  
Fecha de Ingreso: septiembre-2005
Mensajes: 1.607
Antigüedad: 19 años, 2 meses
Puntos: 19
Respuesta: jquery slideToggle

Bueno, lo he resuelto sin el slideToggle de esta manera:
Código:
$(document).ready(function()
{
// por defecto, escondemos la capa y ponemos su estado en escondido
	
	$('#capa').hide(); 
	$('#capa').attr('status', 'hidden'); 

	$('#menu_capa').click(function(){
			
	// si la capa esta escondida
		if( $('#capa').attr('status') == 'hidden' )
		{
		// mostramos la capa
			$('#capa').slideDown('slow',function(){
			// cuando acaba de mostrarse, substituimos su contenido por un flash
				$('#capa').flash(
					{ src: 'capa.swf', width: 320, height: 240 }, 
					{ version: 8 },
					function(htmlOptions){	
						jQuery(this)
							.addClass('flash-replaced')
								.html($.fn.flash.transform(htmlOptions));				
					}
				);
			});
				
		// cambiamos el estado de la capa a 'mostrada'
			$('#capa').attr('status', 'shown');
		}
	// si la capa esta 'mostrada'
		else if( $('#capa').attr('status') == 'shown' )
		{
		// substituimos el contenido de la capa por una imagen
			$('#capa').html("<img src=\"capa.jpg\" />");
				
		// cerramos la capa
			$('#capa').slideUp('slow');
					
		// cambiamos el estado de la capa a 'escondida'
			$('#capa').attr('status', 'hidden');
		}

		return false;
	});

});
EDIT: Se me olvidó decir que utilicé este plugin flash.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:54.