Fade entre les pages

[kumbuch]

Hello à tous!
Un petit bout de temps que je ne suis pas venu ici pour demander car j'y trouve régulièrement mes réponses.
Pas faute d'avoir cherché ( depuis 20h hier soir, et il est déjà 2h), impossible de trouver ce que je veux.

J'aimerai simplement appliquer un fade in assez rapide sur toutes les pages de mon site.

Alors, j'ai tout écumé, j'ai bien trouvé quelques pistes avec Jquery, mais ca avait l'air très complexe, et je n'étais pas sûr d'y arriver.
J'ai écumé les extensions sur les sites fr/en, le forum, il y a bien quelques sujets mais ils datent de 2008 ou 2009 sans trop de réponses, à part le "yooslider", qui n'existe plus chez yoothemes...
Et pourtant j'ai eu un espoir !

Je suis sous joomla 2.5, pour info.
Je peux bidouiller un peu, si vous m'orientez comme il faut !
Je vous remercie d'avance pour votre aide!
Merci,
Max

[tataye]

Re : Fade entre les pages

essaye les templates fait sous gantry qui disposent de ce type de fonctionnalités.
à la limite télécharge un gantry vierge pour voir.

[kumbuch]

Re : Fade entre les pages

Hello, merci de ta réponse !
Je pense que si je fais ça, ce sera la même problématique, il s'agira d'un code inséré dans le css...non?

[Fraggleboard]

Re : Fade entre les pages

Salut je pense plus as un morceaux de code dans le moteur source de joomla de mémoire l'effet fade est effectué par du script ! Cherche plutôt de se côté la je vais voir de mon coter sa m'intéresse aussi

[webcrea]

Re : Fade entre les pages

les templates récents de http://www.rockettheme.com/joomla font des fades et ils utilisent gantry

[kumbuch]

Re : Fade entre les pages

D'accord, génial!
Fou qu'il n'y ait pas un petit plugin tout bête non?!

[Fraggleboard]

Re : Fade entre les pages

Nn du moins perso je le connais pas ap il faut le crée toi même ou intégrer du code j'ai trouvé sa Qui pourrais être un début de piste http://www.abelpoucet.com/Un-fade-in...argement-de-la

Pour faire un effet fade sur un bloc ou texte à creuser

[lefabdu51]

Re : Fade entre les pages

Merci pour le lien.Je l ais intégré dans beez 3 en 30 secondes. Et il est parfaitement fonctionnel.
La div que j ai cible est <div id="main">
Jai collé ceci juste avant la ligne 83 ( avant la balise </head>

		<script type="text/javascript">

   $(document).ready(function(){
           $("#main").fadeIn(8000);
   });

</script>

et la ligne 155 du fichier index.php est la suivante
<div id="main" style="display: none;">

Et j ai collé ceci à la ligne 164

<noscript><div id="main">
							<?php if ($this->countModules('position-12')) : ?>
								<div id="top"><jdoc:include type="modules" name="position-12" style="beezHide"  />
								</div>
							<?php endif; ?>

								<jdoc:include type="message" />
								<jdoc:include type="component" />

						</div><!-- end main --></noscript>

Maintenant, je vais conditionner cela à un paramètre du template.......

@kumbuch

Quel template utilise tu?

[kumbuch]

Re : Fade entre les pages

Re à tous!
Super pour ces bonnes nouvelles !
Mais je ne vais pas être aussi talentueux que toi, Fab !
Je suis sur un template de Yootheme, Big Easy. Peux tu m'expliquer les étapes pour l'intégration de la fonctionalité ?
Je vais juste dans le css de mon template ? sur l'index php ?
merci d'avance!

[lefabdu51]

Re : Fade entre les pages

bon c est du youtheme....
Vas falloir que je reinstalle warp.
Les templates youthemes sont un peu complexe a modifier, car ils n obeissent pas a la meme logique que beez.
Et l index.php de ton template n'est pas l endroit ou il vas falloir inclure cela. Je regardes et je te dit....
Sur ce je vais manger....

[kumbuch]

Re : Fade entre les pages

Ok !
Ce que tu as indiqué ton message précédent avec toutes les indications ne sont pas applicables à mon template donc ?
Penses-tu qu'on puisse malgré tout trouver une solution?

bon app'!

[Fraggleboard]

Re : Fade entre les pages

tout est applicable il faut juste ajuster je suis en train de voir car je suis aussi sur yootheme je te tiens au jus aussi de mon coté

[kumbuch]

Re : Fade entre les pages

D'acc.
J'attends tes "instructions" car je suis incapable de trouver la solution sur mon template!
Merci !!

[lefabdu51]

Re : Fade entre les pages

bon alors apremière vue, il faut tester ceci:
il faut integrer le js dans le fichier js/template.js
en fin de fichier.
La cible doit être #content.donc inseres ceci à la fin du fichier
$(document).ready(function(){
$("#content").fadeIn(8000);
});

et au niveau du fichier /layouts/template.php
Ce serait la ligne108 à modifier comme ceci:
c est cette ligne qui geres l affichage du contenu
<section id="content" class="grid-block"><?php echo $this['template']->render('content'); ?></section>

donc la ligne modifiée doit etre comme ceci:
<section id="content" class="grid-block" style ="display:none;"><?php echo $this['template']->render('content'); ?></section>

Ce ne sont que des pistes.j ai juste téléchargé l archive du framework warp sans la reinstaller. J ai juste regardé le contenu de l archive.
Je ne doit pas etre loin de la solution. J!e teste et je te confirmes cela dans la soirée.
La je doit partir.

Si l'un d entre vous peut prendre le temps de tester ceci dans l apres midi..Merci par avance.

[kumbuch]

Re : Fade entre les pages

Merci de ton aide Fabien!
Je vais essayer !!
Comme j'avance tout doucement sur ce problème, mais j'attends votre confirmation pour pas faire de betises!