- Create select box with 5 items
- Create a load item function to load an item(image). Clear the timer first. Check if an item is already displayed. If so load the item. If not, i.e. no item has been displayed yet, load the item for the first time. There's a difference between loading the item for the first time and replacing an item. When loading the item for the first time, also display the left and right arrows. There's no need to display the arrows when loading the item for the second, nth time because they are already displayed. Create the click events for the arrows and the rotation (when clicking on the item).
- When the item is clicked, call the rotate function. Get the next item, and call the load item function. The rotation stops when the Catalog of Specials or Go is clicked.
- When the left arrow is clicked, check the current item. Get the previous item and call the load item function. When the current item is the first item in the catalog, get the last item.
- When the right arrow is clicked, check the current item. Get the next item and call the load item function. When the current item is the last item in the catalog, get the first item.
- When the Catalog of Specials is clicked, call the load item function to load a random item.
- When Go is clicked, call the load item function to load the selected item.
Samples of image rotations are in the pictures attached.
Dear Sir,
I have gone through your requirement, I am ready to start work on your project and fix it soon. I have 3+ years of experience in wordpress/php/joomla/magento/css/html/js/jq.
Please let me know if you have any query
Thanks & Regards
Vikas Parmar
Hi
i have well team of experts and already done this types of work in my last project. i am new on freelancer.com but having more industry working experience. so i can easily handle your work on time with quality.