10 different slideshows added to my portfolio website
- or -
Post a project like this3809
$50
- Posted:
- Proposals: 1
- Remote
- #356282
- Awarded
Description
Experience Level: Intermediate
Estimated project duration: less than 1 week
I need you to add a different slideshow for each client seen on my website's portfolio section. You will need a monitor 1366px wide or larger to properly work on this website.
You will need advanced jQuery / JavaScript knowledge and advanced html/css. Others have come up short with this project. I have revised my instructions and I'm letting you choose the jQuery slideshow to be used in my portfolio section. (I'm already using RoyalSlider, which we cannot use again for this task.)
Please download the zip file to see my website project. We will only be working on the PORTFOLIO section. VERY IMPORTANT, please review the JPG image in the ScreenShots folder for a mockup of what I expect the finished product to look like.
BASIC INSTRUCTIONS:
I have set up different 'tabs' for each of the 10 clients. I need you to develop a basic slideshow for each different tab/client. The slideshow will need to contain ANY html content, not just a picture and caption. We need to 'lazy-load' all the pictures. There will be 1 picture per slide at 440px by 440px. I need the website to load quickly, so your solution will need to load portfolio pictures as needed. Once the first image has loaded, other pictures next in the slideshow should begin downloading in the background.
REQUIREMENTS:
-I need this project done by this weekend (Sunday night at the latest).
-Everything needs to work on all browsers, including IE8.
-Please be mindful of file size for all code and files you use.
-All images need to be lazy-loaded with a generic loading animation.
-There needs to be a dot navigation that highlights the correct dot for the active slide. Dots work as normal links to the slide.
-The left/right arrows NEED to use the .png sprite image called 'controls2.png' found in the images folder. This is a custom .png image containing some transparency. This sprite image will control the normal and hover states.
-Slideshow needs to slide, not fade. I need javascript controls for adjusting the animation speed.
-Slideshow should not autoplay. Slides only move when a navigation button has been clicked.
-All new css is stored in its own, new css file.
-You need to create 4 slides for each client. (4 navigation dots for each client)
-Each client needs some dummy/place-holder content similar to layout in the mockup. Please insert text and a different pic for each slide (4 different images max).
-Arrows and dot navigation should not slide or move with the slides. They will always stay in place.
-Follow layout of mockup as exact as you can. Notice how the dot navigation isn't under the main picture, it's to the left of it.
-I need to easily be able to edit the HTML/CSS code to add/delete slides
-Styling html content inside slides should be straight-forward for me.
-Keep in mind that I will be using css media queries to update this layout for smaller screens. I need your new code to be flexible with this.
There are many requirements, all very important to me. Please only take this job if you are well qualified. I can only pay you if you completely finish this project within a week. Please let me know if you have any questions.
Thank you!
You will need advanced jQuery / JavaScript knowledge and advanced html/css. Others have come up short with this project. I have revised my instructions and I'm letting you choose the jQuery slideshow to be used in my portfolio section. (I'm already using RoyalSlider, which we cannot use again for this task.)
Please download the zip file to see my website project. We will only be working on the PORTFOLIO section. VERY IMPORTANT, please review the JPG image in the ScreenShots folder for a mockup of what I expect the finished product to look like.
BASIC INSTRUCTIONS:
I have set up different 'tabs' for each of the 10 clients. I need you to develop a basic slideshow for each different tab/client. The slideshow will need to contain ANY html content, not just a picture and caption. We need to 'lazy-load' all the pictures. There will be 1 picture per slide at 440px by 440px. I need the website to load quickly, so your solution will need to load portfolio pictures as needed. Once the first image has loaded, other pictures next in the slideshow should begin downloading in the background.
REQUIREMENTS:
-I need this project done by this weekend (Sunday night at the latest).
-Everything needs to work on all browsers, including IE8.
-Please be mindful of file size for all code and files you use.
-All images need to be lazy-loaded with a generic loading animation.
-There needs to be a dot navigation that highlights the correct dot for the active slide. Dots work as normal links to the slide.
-The left/right arrows NEED to use the .png sprite image called 'controls2.png' found in the images folder. This is a custom .png image containing some transparency. This sprite image will control the normal and hover states.
-Slideshow needs to slide, not fade. I need javascript controls for adjusting the animation speed.
-Slideshow should not autoplay. Slides only move when a navigation button has been clicked.
-All new css is stored in its own, new css file.
-You need to create 4 slides for each client. (4 navigation dots for each client)
-Each client needs some dummy/place-holder content similar to layout in the mockup. Please insert text and a different pic for each slide (4 different images max).
-Arrows and dot navigation should not slide or move with the slides. They will always stay in place.
-Follow layout of mockup as exact as you can. Notice how the dot navigation isn't under the main picture, it's to the left of it.
-I need to easily be able to edit the HTML/CSS code to add/delete slides
-Styling html content inside slides should be straight-forward for me.
-Keep in mind that I will be using css media queries to update this layout for smaller screens. I need your new code to be flexible with this.
There are many requirements, all very important to me. Please only take this job if you are well qualified. I can only pay you if you completely finish this project within a week. Please let me know if you have any questions.
Thank you!
Thomas N.
100% (10)Projects Completed
6
Freelancers worked with
6
Projects awarded
45%
Last project
27 May 2018
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