Transition simpleFade

Transition simpleFade was created by WebActionPHP

Posted 9 years 2 months ago #25410
J'aimerais configurer le slideShow pour qu'il efface d'abord l'image active (fadeOut ou display:none) pour ensuite procéder à un fadeIn sur la suivante...

j'ai vu ce code dans le js
fx = 'simpleFade';
slideOn = 'next';
easing = '';
transPeriod = 400;

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Transition simpleFade

Posted 9 years 2 months ago #25417
salut
regardes dans la fonction "nextslide"
après il va falloir utiliser tes propres compétences...
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by WebActionPHP on topic Transition simpleFade

Posted 9 years 2 months ago #25447
:( voici j'ai cherché avec mes compétences

mais me voilà sur un dilem (chercher un peu plus) ou (abandonner le module)

Le bout de code suivant semble être celui qu'il faut changer

if(slideOn=='next'){
tApp.delay((((transPeriod+difference)/blocks)*delay[index]*couples)*0.5).css({
'display' : 'block',
'height': height,
'margin-left': marginLeft,
'margin-top': marginTop,
'width': width,
'opacity' : opacityOnGrid
}).animate({
'height': Math.floor((h/rows)+addTop+1),
'margin-top' : 0,
'margin-left' : 0,
'opacity' : 1,
'width' : Math.floor((w/cols)+addLeft+1)
},(transPeriod-difference),easing,cameraeased);
}

et le code compressé correspondant:
if(q=="next"){h.delay((P+L)/J*at[n]*k*.5).css({display:"block",height:height,"margin-left":marginLeft,"margin-top":marginTop,width:width,opacity:opacityOnGrid}).animate({height:Math.floor(E/N+et+1),"margin-top":0,"margin-left":0,opacity:1,width:Math.floor(w/C+G+1)},P-L,j,d)}

peut-être qu'il n'est pas possible de faire cette transformation
puisque tout le composant est basé sur la transition d'un double layer
qui prenne tour à tour le focus

Il y a peut-être une solution en css de type (display:none)
sur un layer créer dans le script... mais lequel ? :sick:
Last Edit:9 years 2 months ago by WebActionPHP
Last edit: 9 years 2 months ago by WebActionPHP.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Transition simpleFade

Posted 9 years 2 months ago #25455
déjà il ne faut pas travailler dans le fichier compressé ...
mais désolé je ne peux pas te faire ton dev spécifique, il faudrait que je me plonge dans le script pour cela et là je n'ai pas le temps.

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by WebActionPHP on topic Transition simpleFade

Posted 9 years 2 months ago #25544
Vous avez raison de dire de ne pas travailler sur le fichier compressé
j'ai essayer et cela n'a pas marché mais comme à mon habitude je vais répondre à ma propre question pour le bénéfice de tous (4 jours de recherche)

Idéalement il aurais fallu un fadeOut en simultané avec un fadeIn sur la suivante
mais je pense que le scripte qui travaille sur deux div en souffrirais

La meilleur solution pour éliminer l'image de départ est
d'ajouter une transition fadeOut sur 'cameracurrent'
afin de garder le layer pour la suite du code
sans être parfait c'est ce qui est le mieux

$('.cameracurrent').fadeOut(500);
après la ligne 2152 du fichier camera_1.3.8.js
>
2132 if(fx=='scrollLeft' || fx=='scrollRight' || fx=='scrollTop' || fx=='scrollBottom' || fx=='scrollHorz'){
opts.onStartTransition.call(this);


2152 } else {
$('.cameracurrent').fadeOut(500);
2053 opts.onStartTransition.call(this);
>
et n'oublier pas de modifier le fichier mod_slideshowck.php à la ligne 55
pour charger le fichier camera_1.3.8.js'
$document->addScript(JURI::base(true) . '/modules/mod_slideshowck/assets/camera_1.3.8.js');
>
le résultat est visible sur production.webactionphp.ca
The following user(s) said Thank You: ced1870

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Transition simpleFade

Posted 9 years 2 months ago #25547
merci pour ton partage ! ça fait plaisir :)
bien joué !

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.646 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1030 guests and no members online