Transition simpleFade
- WebActionPHP
- Topic Author
- Offline
- Junior Member
9 years 9 months ago #25410
by WebActionPHP
Transition simpleFade was created by WebActionPHP
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;
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.
9 years 9 months ago #25417
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Transition simpleFade
salut
regardes dans la fonction "nextslide"
après il va falloir utiliser tes propres compétences...
CEd
regardes dans la fonction "nextslide"
après il va falloir utiliser tes propres compétences...
CEd
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
- WebActionPHP
- Topic Author
- Offline
- Junior Member
9 years 9 months ago - 9 years 9 months ago #25447
by WebActionPHP
Replied by WebActionPHP on topic Transition simpleFade
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:
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 9 months ago by WebActionPHP.
Please Log in or Create an account to join the conversation.
9 years 9 months ago #25455
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Transition simpleFade
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.
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
Please Log in or Create an account to join the conversation.
- WebActionPHP
- Topic Author
- Offline
- Junior Member
9 years 9 months ago #25544
by WebActionPHP
Replied by WebActionPHP on topic Transition simpleFade
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
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.
9 years 9 months ago #25547
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Transition simpleFade
merci pour ton partage ! ça fait plaisir
bien joué !
bien joué !
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
Time to create page: 0.226 seconds