I have a fully functioning custom designed jQuery image slider (multi-slider). I need you to fix a few HTML, CSS and jQuery issues with this custom image slider.
See the attached screenshot of the slider. Following are the issues:
1. RESPONSIVE: make the slider image viewing window & the thumbnail bar responsive so that image fits in one browser window and 100% of the image is seen.
2. Move the horizontal bar displaying the image folder name (example:"Axial Pre-Contrast") down - below the image viewing window.
3. To begin with - the slider button should be at the top showing the first image in the image viewing window and after scrolling or clicking it down - it should move gradually (one image at a time) to the highest image number. Now it seems that it skips alternate image.
4. When second or subsequent thumbnail is clicked to load the corresponding images - after the last image (from the corresponding images) - it again shows the first thumbnail images (preloaded images). I need the preloaded images removed from second and subsequent thumbnail linked slider.
Bid only if you can do it.
20 freelancers están ofertando el promedio de $36 para este trabajo
I have excellent skills in web development and android application development. I can provide you the best solution and I am sure that you will like it. Thank you