Customize Slick Js Slder
- or -
Post a project like this2915
$20
- Posted:
- Proposals: 4
- Remote
- #1119210
- Awarded
Description
Experience Level: Intermediate
General information for the website: Image heavy website
Description of requirements/features: Request 1--------------------
I have implemented slick js for carousel functionality on a site. It's showing 3 images at a time with partial view of the left(last images) and right image, with variable width and same height. The sliders is lazy loading up to 22 large images in some cases at a time. The issue here is that the slider is jerking/ jumping /repositioning it's self when it's done loading all the images which I don't want. It repositions because it has to wait till the last image is loaded in order to calculates it's exact position. If I was showing one slide at a time this wouldn't be an issue. Looking for someone with slick js experience who can only show the first image centered (hide arrows plus the second and last partial images) when the slider is loading, and when all the other images are fully loaded, it fades in the side two images with the pre/next arrows. This has to be smooth and seamless I can't have the slider reposition. it needs to stay in the same place.
I have tried hide the slider div and revealing it on int but it doesn't solve my issue.
Request 2-----------------
I need a function to just hide the full slide until all the images are loaded and then show it.
I need this ASAP
Extra notes:
Description of requirements/features: Request 1--------------------
I have implemented slick js for carousel functionality on a site. It's showing 3 images at a time with partial view of the left(last images) and right image, with variable width and same height. The sliders is lazy loading up to 22 large images in some cases at a time. The issue here is that the slider is jerking/ jumping /repositioning it's self when it's done loading all the images which I don't want. It repositions because it has to wait till the last image is loaded in order to calculates it's exact position. If I was showing one slide at a time this wouldn't be an issue. Looking for someone with slick js experience who can only show the first image centered (hide arrows plus the second and last partial images) when the slider is loading, and when all the other images are fully loaded, it fades in the side two images with the pre/next arrows. This has to be smooth and seamless I can't have the slider reposition. it needs to stay in the same place.
I have tried hide the slider div and revealing it on int but it doesn't solve my issue.
Request 2-----------------
I need a function to just hide the full slide until all the images are loaded and then show it.
I need this ASAP
Extra notes:
Ed K.
95% (21)Projects Completed
24
Freelancers worked with
13
Projects awarded
45%
Last project
11 Nov 2020
United States
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies