Transition simpleFade
- WebActionPHP
- Offline Topic Author
- Junior Member
- Posts: 22
- Thanks: 2
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;
by WebActionPHP
Please Log in or Create an account to join the conversation.
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
by ced1870
Please Log in or Create an account to join the conversation.
- WebActionPHP
- Offline Topic Author
- Junior Member
- Posts: 22
- Thanks: 2
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 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.
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
by ced1870
Please Log in or Create an account to join the conversation.
- WebActionPHP
- Offline Topic Author
- Junior Member
- Posts: 22
- Thanks: 2
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
by WebActionPHP
The following user(s) said Thank You: ced1870
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Time to create page: 0.646 seconds