sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
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
ECT Moderator
United Kingdom
1194 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 Guru
Australia
1017 Posts |
Posted - 01/11/2021 : 04:11:05
|
sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
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
42756 Posts |
Posted - 01/12/2021 : 06:06:38
|
sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
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
42756 Posts |
Posted - 01/12/2021 : 11:33:22
|
Vince
Administrator
42756 Posts |
Posted - 01/13/2021 : 09:24:41
|
sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
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
42756 Posts |
Posted - 01/14/2021 : 00:27:12
|
sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
Posted - 01/14/2021 : 09:38:57
Works flawlessly, thanks a bunch Vince!
|
Vince
Administrator
42756 Posts |
Posted - 01/14/2021 : 13:44:48
|
sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
Posted - 01/18/2021 : 21:26:20
Vince, there's another issue with the new slider.
I link the slides to the product page that corresponds to the slide being displayed. For whatever reason, for me at least, the url for ALL the slides is linked to the last url in the sequence.
When I inspect the slides in browser, the html is correct. I'm guessing it has something to do with the .js file
|
Vince
Administrator
42756 Posts |
Posted - 01/19/2021 : 04:44:01
|
sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
Posted - 01/19/2021 : 11:24:26
Looks to be good now. Much appreciated.
|
|
|