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  |
|