| Author |
 Topic  |
|
sparksm2
Starting Member
USA
19 Posts |
 Posted - 01/10/2021 : 20:43:16
|
I know that the speed of the images can be controlled with number in here:
<script type="text/javascript">
ect_slider(10000);
</script>
Is there a way to add a fade between images? I tried a few attempts with css and nothing seemed to work. Are there other parameters that can be used to customize the slides? |
|
1818charlie
Ecommerce Template Expert
United Kingdom
678 Posts |
Posted - 01/11/2021 : 02:00:58
|
If this is the built in slider then the answer is no. It's a slider without all the bells & whistles & not trying to be all things to all men. If you want fades etc etc then a third party slider would need to be used & there are dozens of them available, the choice is yours.
Steve
Egerton Village, Bolton, UK |
 |
|
ITZAP
Ecommerce Template Expert
Australia
853 Posts |
Posted - 01/11/2021 : 04:11:05
|
Magic Slideshow is magic !
Will do everything you want and more.
Gary
 |
|
|
sparksm2
Starting Member
USA
19 Posts |
Posted - 01/11/2021 : 22:47:16
|
I figured it out. I knew there had to be a css solution that would get me close to what I was looking for. It's not a perfect solution, but this works fairly well:
.sliderimages {
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
0% {opacity:0.66;}
100% {opacity:1;}
}
@-moz-keyframes fadeIn {
0% {opacity:0.66;}
100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
0% {opacity:0.66;}
100% {opacity:1;}
}
@-o-keyframes fadeIn {
0% {opacity:0.66;}
100% {opacity:1;}
}
@-ms-keyframes fadeIn {
0% {opacity:0.66;}
100% {opacity:1;}
} |
|
|
Vince
Administrator
39653 Posts |
|
sparksm2
Starting Member
USA
19 Posts |
Posted - 01/12/2021 : 09:49:13
|
Vince, that's exactly what I was looking for!
What's the styling needed to get that look? |
|
|
Vince
Administrator
39653 Posts |
|
Vince
Administrator
39653 Posts |
|
sparksm2
Starting Member
USA
19 Posts |
Posted - 01/13/2021 : 09:29:36
|
Vince, thanks! I'll download it and check it out.
Is there one specific file that was changed to account for the slider fade? I took a peek at the ectcart.js and didn't find anything there. Was hoping not to redo a bunch of custom mods if I didn't need to with a full update. |
Edited by - sparksm2 on 01/13/2021 12:23:08 |
|
|
Vince
Administrator
39653 Posts |
|
sparksm2
Starting Member
USA
19 Posts |
Posted - 01/14/2021 : 09:38:57
|
| Works flawlessly, thanks a bunch Vince! |
|
|
Vince
Administrator
39653 Posts |
|
| |
Topic |
|
new image slider parameters
