Barebone jQuery Content Slider
$30-250 USD
Bezahlt bei Lieferung
Need a developer that is very experienced with javascript, jQuery, and CSS for a small project.
This is a "work for hire" project. Looking to get a content slider created that displays various multimedia (images, videos, HTML) in a slideshow utilizing jQuery. There are a lot of Flash-based sliders that have the exact functionality I need but instead of Flash, the functionality needs to mimic a flash site.
There are a lot of jquery-based sliders out there. If you intend to base your work on one, please credit the original source.
Objective:
------------------------
Create a barebone content slider based in jQuery
Content Areas:
------------------------
1. Primary slider
2. Secondary slider (thumbnails)
Both sliders should stretch 100% width of the screen
Expected Sequence:
------------------------
1. While page loads, start preloading all content in slider and continue in the background until all content loaded
2. Show "Loading..." text or animated loading gif while the first X elements are loading
3. Once enough slides are loaded, show the slides
4. First (index 0 default selected) slide (primary, thumbnail) should be 100% visible
5. Rest of the slides (non-selected) should be faded/transparent
6. Navigate left and right using buttons or keyboard left/right keys
7. Once the last slide is selected, navigating right should scroll right all slides back to first (index 0) slide -
8. From first slide (index 0), navigating left should scroll left all slides back to last slide
Mockup:
------------------------
I have attached two mockup designs to this project.
Example:
------------------------
[url removed, login to view]
The content slide in the above example is perfect example of what I am looking for except it is in flash.
Miscellaneous Notes:
------------------------
- Cross compatible with latest browsers (Internet Explorer, Firefox, Chrome, Opera)
- Should function in advanced mobile browsers as well
-- Will be tested in iPad 2 browser on iOS and Dolphin HD browser on Android
- Pass W3C validation
Projekt-ID: #1344949