If you need help with a specific issue and want me to personally take a look at your setup, I can help! Check out the 'My Services' section of my blog: https://amarketingessentials.com/my-services/
What the slider looks like: 0:30
What features you should change to customize it yourself: 0:59
Keyframes explained: 9:01
If you have 3 images you want to insert (as opposed to the 5 from the video), what changes you should make: 14:18
In this video, I give you the ClickFunnels custom CSS code to my image slider that you can use, and explain features of it that you can change to make it your own - such as change the video dimensions, add/delete pictures, etc... You can just copy and paste the exact code from this page (my blog):
What we are essentially doing is stacking together a bunch of images, and then creating a field of focus in the middle (or wherever you want your slider to be). We hide all the other images outside of this focus area, and then use animations like we did in our previous video (https://www.youtube.com/watch?v=FHD4fnaRhws&list=PLS46f4aLJ2hNASorSJ04itRrhsnZ00x5u&index=30&t=25s) to create the keyframes and cause the images to translate, or shift to the left (as we went over in our transformations video: https://www.youtube.com/watch?v=oCRHCyb0qNQ&list=PLS46f4aLJ2hNASorSJ04itRrhsnZ00x5u&index=21&t=2s).
Make sure to keep the image sizes the same, or the image slider will look rather awkward with differently-sized images. If you change each individual image size, also make sure to change the size of the focus area, or you may either only see a portion of the present image, or a piece of the next image, which you don't want.
In regards to keyframes, make sure to check out the previous video on our ClickFunnels custom CSS animations to get a clearer picture about it, but basically we need to make sure that the times our pictures are shown are consistent across the number of images we have. If we only have 2 images, then we want each picture and transition to occupy 50% of the time. If we have 5 pictures, each picture and transition should occupy 20% of the total time, etc... assuming you want each picture to be shown evenly. So if you want to figure out what your keyframes should say, divide 100% by the number of images you have. Suppose you have 5 images - then each image should occupy 20% as mentioned previously. BUT, we also need to take into account the transition time, so we will need to deduct some percent from that 20. You can make it 1%, 2%, 3%, or WHATEVER you want. Essentially, that is the percentage of the TOTAL time that your animation lasts that your animations will spend transitioning from one slide to the next.
Please subscribe and stay tuned for future videos where we go over the technical how-to's and dig deeper into other affiliate marketing tools!
If you are interested in ClickFunnels, or want to learn more, feel free to check out their free 14-day trial under my affiliate link at:
If you like GetResponse and want to learn more, try out their 30-day free trial under my affiliate link at:
If you are interested in ClickMagick, or want to learn more, feel free to check out their free 14-day trial under my affiliate link at:
Here is my Namecheap affiliate link as well if you want to buy one of their really cheap domains and/or private email:
Thanks for watching, and I'll see you in the next video!