In Progress

JS, JQuery expert - small picture slider script

Javascript/JQuery experts only please, for a simple JQuery slider project.

Description:

I want to add a custom picture/content slider to this page: [url removed, login to view]

Steps:

0. I will give you a working HTML5/CSS3 version of this page. You simply need to write a JQuery script.

1. On the HTML page there is a JSON script with 20-30 listings. Each listing has a JSON entry like this:

var loadImmediately = [

{ "likes":101,

"givingScore":90,

"price":"free",

"picUrl":"[url removed, login to view]",

"url":"/listing/51476",

"userPicUrl":"avatars/[url removed, login to view]",

"smartLocation":"Mexico City, Mexico",

"name":" Some great free glassware",

"id":51476

},

{ next listing starts here, etc, etc.

.... .... ....

}];

2. Your JQuery script should parse this JSON output on the HTML page, and the slider info will come from this JSON script like this:

A) When the page starts, the slider should show a GIF (ticker) to show that the script is loading. I can give you a GIF to show, etc. The script will also read the JSON on the HTML page and count the number of listings, saving this variable. For example, if there are 20 JSON listings, then the script knows this.

B)Look at the picture I have included with this project, and you get an idea of how the slider works. To begin, I want the Avatars for Listing #1, #2, #3, #4, and #5 in the small boxes marked (in RED) (1), (2), (3), (4), (5). In addition, because the avatar for Listing #1 is in the main position, you should also show the LISTING INFO and LISTING PIC for Listing #1 in the other two boxes (marked in ORANGE).

3. The slider should have a timer + JQuery animation. You have your choice of JQuery 1.6.2 or JQueryUI 1.8.11.

4. The AVATARS should move to the left every 10 seconds (for example). The idea is to first show in small boxes 1-5 the first five Avatar pics for Listings #1-#5, etc. Because Listing Avatar #1 starts in the primary position (in the big display case), we show all listing info for Listing #1 near it's Avatar. But as Listing Avatar #2 moves left into the primary position, all of the Avatar Pics should shift one position to the left, and the Listing info for Listing #2 should all be displayed in the primary position (big case/boxes).

5. The two small arrows should also move the AVATAR PICS left and right. Clicking left will move Avatar #2 left into the main position, also showing all listing for Listing #2 in that main position. Clicking right does the opposite.

SEE TWO PICTURES ATTACHED TO THIS PROJECT, FOR A GOOD GRAPHICAL PRESENTATION OF WHAT I WANT. All animations should be clean, no extra whitespace or overflow of the pictures, etc.

How to win this project:

1. Please bid and send me a PM with the text "JQueryUI".

2. Only low bids will be accepted. This should be an easy project for a JQuery expert. There will be a SECOND FOLLOW-UP proejct after this to improve this slider.

3. I will provide all design work for CSS/HTML.

4. If you can show other examples of JQuery or JQueryUI work, you will be considered more than other bidders.

5. Please PM me if you want clarification on this project.

6. No AutoBids will be accepted. Tell me in your PM how you will do this project, or show me very good examples of your JQuery work. Thanks!

Thanks -

GiveToLive @ Freelancer

Skills: AJAX, HTML, Javascript, jQuery / Prototype, Website Design

See more: json slider script, freelancer jquery, what is second shift, what is.json, what does freelancer do, what does freelancer, what are bids on freelancer com, website animation freelancer, website 101, want to works as freelancer, want to add in freelancer com, to see the pics and write, timer on freelancer, steps to follow to design a website, steps for get project from freelancer, slider html 5 css 3 free, slider design price, simple javascript ticker, price animations, presentation freelancer com, picture of a freelancer, pic of freelancer, net freelancer price, near freelancer, mexico freelancer com

About the Employer:
( 9 reviews ) Placerville, Spain

Project ID: #1241889

Awarded to:

sanjuintelligo

javascript and jquery expert. i have expertise in parsing jSON data.

$30 USD in 0 days
(9 Reviews)
3.7

12 freelancers are bidding on average $88 for this job

codeguru786

Hi, we have read all the requirements and we are very confident to do this project from start till end. We definitely have some questions when we discuss project with u. We shall finish this project in timely manner a More

$199 USD in 4 days
(370 Reviews)
8.4
zainy01

Hi! I'm interested

$40 USD in 1 day
(72 Reviews)
6.9
randdythea

"JQueryUI" hi sir,please check your PMB...thanks ^_^

$150 USD in 2 days
(119 Reviews)
5.9
xristos678

JQueryUI. Hello [url removed, login to view] check PM for details.

$50 USD in 3 days
(27 Reviews)
4.5
Alfateck

Hello sir. I have a lot of experience in javascript, jquery and ajax and i am sure that i will complete this project. Please read pm for a sample and more details

$40 USD in 2 days
(5 Reviews)
3.2
vinshop

Hello Sir, I'm familiar enough with jQuery , jQuery UI , especially a slider. Please check a message from me, I have attached my sample work about jquery slider in my message. Update: I also enjoy play with JSON More

$30 USD in 2 days
(2 Reviews)
3.2
invoguelx

We develop jquery sliders on a regular basis. We can develop the slider you have mentioned.

$100 USD in 3 days
(1 Review)
2.2
anantdabhi

Javascript,jquery expert here .. i can do it please check PM. Thanks

$30 USD in 2 days
(0 Reviews)
0.0
alejandromorales

Hello. I am new in [url removed, login to view] but I have more than six years developing Web applications and three years as managing JQuery. Give me a chance to show my talent and skill.

$35 USD in 1 day
(0 Reviews)
0.0
Bourgogne

Hi GiveToLive Take a look at the examples I've sent you links to, if it's suitable, accept my bid and we'll get started. As a Web Designer with a creative and technical background I'd like to offer my services. More

$200 USD in 7 days
(0 Reviews)
0.0
Beherit

Hello sir, I have checked your requirements and I'm including details in the PM.

$150 USD in 2 days
(0 Reviews)
0.0