funcion include y Fade in

[rickardov]

Hola amigos del foro!
tengo una duda, estoy trabajando con la función "include" de php para cargar paginas exteriores dentro de la misma pagina. Me gustaría que al cambiar de pagina en pagina se ejecute un efecto FADE IN, estuve probando varias cosas ( de jquery) y no logre conseguirlo. Alguien podria darme una mano?

aca dejo el codigo que estoy usando:

Código HTML:

<div id="container"> 
<div id="porfolio">
    <?php 
        if(isset($_GET ['page']));
        {
           $page = $_GET ['page'];
           include("contenido/".$page.".html"); 
        }
    ?>
</div>  
<div id="navegador">
	<ul>
    	<li><a href="index.php?page=000">link1</a></li>
        <li><a href="index.php?page=001">link2</a></li>
        <li><a href="index.php?page=002">link3</a></li>
        <li><a href="index.php?page=003">link4</a></li>
        </ul>
		
</div> 

gracias!

[Banditolane]

Buenas rickardov:

No sé si me he enterado bien de que es lo que quieres hacer... lo que quieres es que al hacer clic a uno de esos enlaces, una vez la página recargue, haga un efecto fadeIn para que aparezca el nuevo contenido... ¿no es eso? Si es solo eso la solución es bien sencillita:

Código:

$(document).ready( function() {

	$('#portfolio').fadeIn('slow');

});

Esto, hecho en jQuery, haría lo que creo que quieres hacer... si no es esto explícate un poco mejor para ver si te puedo echar un cable ok?

Un saludo!

[rickardov]

Iniciado por Banditolane

Buenas rickardov:

No sé si me he enterado bien de que es lo que quieres hacer... lo que quieres es que al hacer clic a uno de esos enlaces, una vez la página recargue, haga un efecto fadeIn para que aparezca el nuevo contenido... ¿no es eso? Si es solo eso la solución es bien sencillita:

Código:

$(document).ready( function() {

	$('#portfolio').fadeIn('slow');

});

Esto, hecho en jQuery, haría lo que creo que quieres hacer... si no es esto explícate un poco mejor para ver si te puedo echar un cable ok?

Un saludo!

Hola Banditolane! gracias por el codigo, pero estoy buscando este resultado:

http://viralpatel.net/blogs/demo/jquery-fade-in-fade-out-div/demo-article.html

mi deseo es que al clickear el link, la pagina que se imprime por medio del "include" aparezca por medio de un fade in... probe este codigo y funciona correctamente, pero al usarlo con php no funciona.....a que se deberá? puedes darme una mano?

gracias!

[Banditolane]

A ver, al estar el mensaje posteado en la sección de AJAX, no sé si lo que quieres es cargar dinámicamente cierto contenido y además implementarlo con un fadeOut-In para las transiciones... Si es esto, no puedo ayudarte, pero tal y como tienes el código en PHP, la carga será síncrona, de manera que tu archivo .php tendrá que recargar en el navegador... De todas maneras prueba con esto:

Código:

$(document).ready( function() {

	$('#portfolio').hide().fadeIn('slow');

});

Pruébalo y me comentas ok? Un saludo!

[rickardov]

Iniciado por Banditolane

A ver, al estar el mensaje posteado en la sección de AJAX, no sé si lo que quieres es cargar dinámicamente cierto contenido y además implementarlo con un fadeOut-In para las transiciones... Si es esto, no puedo ayudarte, pero tal y como tienes el código en PHP, la carga será síncrona, de manera que tu archivo .php tendrá que recargar en el navegador... De todas maneras prueba con esto:

Código:

$(document).ready( function() {

	$('#portfolio').hide().fadeIn('slow');

});

Pruébalo y me comentas ok? Un saludo!

Hola Banditolane! gracias por contestar las consultas, pero lamentablemente no conseguí el efecto deseado, al final logre algo similar con un efecto fade sobre el div pero no cuando carga la pagina exterior, o sea, quedo algo similar.

Te agradezco de todas formas!

saludos!