Fade entre les pages

**kumbuch** · 14/03/2013, 15h05

Re : Fade entre les pages

Alors, j'ai tout bien fait comme tu dis!
Cela fonctionne, j'ai l'impression !
Mais pas sur les modules !

En fait les pages de mon site sont seulement pleins de modules.

Mais je vois bien qu'il y a un fade sur le fil d'ariane par exemple!

**kumbuch** · 14/03/2013, 15h09

Re : Fade entre les pages

Mais cela déconne car sous chrome, le fil d'ariane est carrément transparent, donc il ne reconnait pas le fondu et reste bloqué au début...!

**kumbuch** · 14/03/2013, 16h05

Re : Fade entre les pages

Pas de nouveau pour toi fraggle?

**kumbuch** · 14/03/2013, 19h19

Re : Fade entre les pages

Et bien j'ai tout essayé et rien à faire !

**Fraggleboard** · 15/03/2013, 15h03

Re : Fade entre les pages

Re nn pas eu le temps de me pencher sur la question plus que sa grosse réunion hier soir avec un client je me penche sur la question demain car je serait un peu plus tranquille

**kumbuch** · 15/03/2013, 15h17

Re : Fade entre les pages

Super !! J'attends tes infos avec grande impatience!

**lefabdu51** · 21/03/2013, 16h45

Re : Fade entre les pages

si tu cherches a faire cela sur toute la page, il faut cibler le div contenant toute la page. La tu mas juste demandé le contenu.

**kumbuch** · 21/03/2013, 16h54

Re : Fade entre les pages

Hello Lefab!
Merci de ton retour.

Peux tu m'orienter plus précisément sur la div ?
J'ai testé avec la div "content", et j'ai eu ce mauvais résultat...
Je m'y suis mal pris ?

J'attends tes petites instructions!
Merci
Max

**lefabdu51** · 21/03/2013, 21h21

Re : Fade entre les pages

non ce n est pas un mauvais resultat .
La procedure fonctionnes correctement. (et j ai pas eu besoin d installer quoique ce soit c est la ou je suis fort...

)
Tu mas dit l article et c est juste l article qui est visé.
Je regarde et je te redit. Ce n est pas le bon fichier.
LA si tu veut chercher de ton coté, le fichier a modifier et dans le meme repertoire que celui ou tu modifie la balise content.

**kumbuch** · 21/03/2013, 21h36

Re : Fade entre les pages

Ok, d'accord!
Moi j'aimerai que toute la page dans on intégralité soit fadée, du menu au footer !

Mais j'ai peur de faire des conneries, je t'avoue!
Max

**lefabdu51** · 21/03/2013, 22h34

Re : Fade entre les pages

Envoyé par kumbuch Voir le message

Ok, d'accord!
Moi j'aimerai que toute la page dans on intégralité soit fadée, du menu au footer !

Mais j'ai peur de faire des conneries, je t'avoue!
Max

faut pas avoir peur toutes les modifs que tu fait sont reversibles.

La solution complete apres tests sur template yoomaster.

Fichier js/template.js

les lignes 15 a 20 sont les suivantes:
// Smoothscroller
$('a[href="#page"]').smoothScroller({ duration: 500 });

// Social buttons
$('article[data-permalink]').socialButtons(config);
});

a modifier comme ceci
// Smoothscroller
$('a[href="#page"]').smoothScroller({ duration: 500 });

// Social buttons
$('article[data-permalink]').socialButtons(config);
//fade effect
$("#page").fadeIn(8000);
});

La on implantes le js. On ne peut pas le mettre directement a la fin du fichier. c est du aux specificités d'ecriture de ce fichier.

dans le fichier layouts/template.php

il faut modifier la ligne 20 comme ci dessous

<body id="page" style="display:none;" class="page <?php echo $this['config']->get('body_classes'); ?>" data-config='<?php echo $this['config']->get('body_config','{}'); ?>'>

et la on cibles l ensemble de la page.
A tester sur ton template

**kumbuch** · 22/03/2013, 00h02

Re : Fade entre les pages

Ahah!!
Erreur de ma part, j'avais déconné je pense!
Ca fonctionne!!!
Bravo bravo bravo.
Merci infiniment lefab!

**Fraggleboard** · 22/03/2013, 22h02

Re : Fade entre les pages

salut donc juste pour complété si tu veux faire uniquement le fadein sur le "wrapper" soit le cadre central tu modifie 93

Code:

<div class="wrapper">

par

Code:

<div id="wrapper" style="display:none;" class="wrapper <?php echo $this['config']->get('body_classes'); ?>" data-config='<?php echo $this['config']->get('body_config','{}'); ?>'>

et pour le Js

Code:

		//fade effect
		$("#wrapper").fadeIn(8000);

Merci lefabdu51 je n'arriver pas à trouver la solution

**lefabdu51** · 22/03/2013, 22h30

Re : Fade entre les pages

Envoyé par Fraggleboard Voir le message

salut donc juste pour complété si tu veux faire uniquement le fadein sur le "wrapper" soit le cadre central tu modifie 93

Code:

<div class="wrapper">

par

Code:

<div id="wrapper" style="display:none;" class="wrapper <?php echo $this['config']->get('body_classes'); ?>" data-config='<?php echo $this['config']->get('body_config','{}'); ?>'>

et pour le Js

Code:

		//fade effect
		$("#wrapper").fadeIn(8000);

Merci lefabdu51 je n'arriver pas à trouver la solution

Exact...
touts les scripts et fonctions jquery fonctionnent de la meme maniere. Tu inclus le js et tu vise la balise correspondante.
Si la balise html n existe pas il faut alors la creer.
mais vu que tu utilise un framework, il vaut mieux rester sur des insertions de fonctions que des scripts complets.
car généralement avecun script complet, tu doit creer la structure html adaptée, et inclure le js peut s averer complexe.
second point non verifié :que se passe t il quand une maj du template est efféctuée?
Si vous pouvez faire un retour si l effet dispoarait apres maj.
Merci par avance

**Fraggleboard** · 22/03/2013, 23h18

Re : Fade entre les pages

je te dit sa des que possible je pense que celui-ci doit rester car en général il modifier le moteur du template soit le warp mais bon sa reste à confirmer je te tiens au courant

Pour info l'effet slide fonctionne aussi

Code:

		$("#wrapper").slideDown(4000);

Fade entre les pages

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association