Annulleret

Custom Javascript Slideshow

Please do not send a general cover letter. I will be screening applicants closely. Please include the following sentence in your letter: "I am an amazing javascript coder who can definitely build this".

I'm looking for someone who can create a custom slideshow similar to the one seen in this video:

[url removed, login to view]

It has to be written in pure javascript or jquery and optimized for performance. I don't need the inner animations, just the sliding pictures for now.

The program has to be able to take a list of <div>s and create a slideshow based on a few position templates.

I'm looking for a fixed cost to create this javascript app.

Thanks for looking.

Here's some more info so that it's clear what I'm looking for.


The flow would look like this:

- Page loads .. slider window is shown with a PLAY icon

- click on PLAY icon, slideshow starts

- there should be a PAUSE and REPLAY option as well

The real challenge here is creating the animation based on number of images and total time length of the slideshow.

For example, I have 5 images and a total length that is 30 seconds long (same as length of the mp3). The slideshow will have to calculate the layout of the 5 divs and slide them around to last 30 seconds. My server can provide some of this data to the frontend code, I will provide links to the images , sound file and length of slideshow.

In the demo video I provided, you see 18 images in 1:06 minutes. The app has to be smart enough to take the total number of images and total time length provided by me and create the slideshow. Depending on the size of the source image, we may have a few different templates to accommodate image sizes - Single versus stacked images like in the demo video.

I imagine something like this:

$('super-slider').createSlider({
animLength: 30000, // total length of animation (30seconds)
audioSource: '/media/sounds/test.mp3', // source mp3 for slideshow
animSpeed:500, // Slide transition speed
pauseTime:7000, // How long each slide will show
... extra options ...
});


div class="super-slider"

div class="d1"><img src='xxx'>
div class="d2"><img src='xxx'>
div class="d3"><img src='xxx'>
div class="d4"><img src='xxx'>
div class="d5"><img src='xxx'>

/div


The trick will be to place them correctly so they look good depending on their size.

Let me know if you have any questions .. Thanks!

Færdigheder: Javascript

Se mere: custom javascript slideshow, video custom, javascript coder com, it cover letter, general cover letter templates, general cover letter, cover letter templates, cover letter general, amazing cover letter, pure javascript slideshow, javascript slideshow mov, letter i video, cost to create an app, slideshow, need javascript coder, javascript coder, custom program, create a video custom, javascript animations, sliding, slider fixed, jquery cover, http javascript, dropbox javascript, jquery quot

Om arbejdsgiveren:
( 1 bedømmelse ) Toronto, Canada

Projekt-ID: #996609

4 freelancere byder i gennemsnit $252 for dette job

danmoliver

Hi, please see private message. Dan

$250 USD in 2 dage
(8 bedømmelser)
4.2
RichyJassal

I am an amazing javascript coder who can definitely build this

$250 USD in 4 dage
(5 bedømmelser)
3.2
globfygroup

I developed a similar slider few days ago. Please check PM for the screenshots. I am an amazing javascript coder who can definitely build this.

$256 USD in 0 dage
(1 bedømmelse)
2.6
neomarian

I am an amazing javascript coder who can definitely build this.

$250 USD in 2 dage
(0 bedømmelser)
0.0