Assistance in overcoming a few web hurdles

So basically what I've got, is a website which will eventually be used for showcasing my work under the alias of www.mikewoodson.ch.

The website operates through a login – a button hidden in the bottom left corner – where I can fill out a post sheet and for the post (a image plus a optional title & description) to be posted onto the homepage in chronological order. Also within the posts, I can navigate to the previous post, next post, or return to the homepage etc. etc. etc.

The website is a place where I dabble with a bit of coding, however i've gotten to the point now where I have something clearly in mind, but to achieve it is well beyond me.

Im after someone who can help me out with the following tasks only:

With [url removed, login to view] open, open the animated gif attached in your browser ([url removed, login to view]).

I'd like the posts to place themselves into pages consisting of 8 posts per page, and for the user to navigate through the pages by scrolling up and down. Eventually, there will be many posts, spread over many pages, but for the moment there are 17 dummy posts (test post 17 – test post 00), which would be divided into three pages. When more posts are added, the posts will continue to cascade in a chronological order (newest first, "test post 17" for example) and will relocate themselves across pages when necessary, whilst creating new pages automatically where the oldest posts will sit (see "test post 00" in gif).

Navigating through the pages will be done with a fade-in and fade-out animation, operating in the left–right–left–right exchange (think of it like going through pages in a book). Take note of the overlap in the transition

Open the attached jpeg ([url removed, login to view]) and you'll notice the green field where the pages will sit, appear and disappear. I'd like this entire "page field" to be centered vertically and horizontally, with a small gutter between the pages. Other buttons around the page will be added in the future.

That is it! the filled red dot is to communicate scrolling for this example only (as ultimately I would like the real scroll bar to be hidden), and the red stroked circle is where the login is. The broken image is for a rss feed but im not sure if i'll keep it.

Feel free to let me know if i haven't made myself clear enough... hopefully the gif and jpg do the job!

Beceriler: HTML, Javascript, jQuery / Prototype, MySQL, PHP

Daha fazlasını gör: www red point, web animation transition, javascript jpeg, free coding test, animated web buttons, animated buttons web, achieve beyond, where can i post a job for free, post a job free, image of a circle, hidden web, gif animation website, creating web pages, web sit, relocate, login a, fill in spread sheet, fill in a spread, fill in a spread sheet with, dot point, d animated website, spread sheet fill, exchange feed, php image feed description, transition fade

İşveren Hakkında:
( 0 değerlendirme ) Australia

Proje NO: #4412495

Bu iş için 9 freelancer ortalamada $241 teklif veriyor


Hello, We are confident to deliver this work with Expert Guarantee. Please check PMB for more info. Regards, Guru.

in %bids___i_period_sub_35% gün içinde330%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(176 Değerlendirme)

Can we discuss this in detail before start this project,to know more about us please check in Private Message. We have a team of professionals,they have more than 11 year of experience,so we can manage this work and Daha Fazla

in %bids___i_period_sub_35% gün içinde288%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(10 Değerlendirme)

expert here

in %bids___i_period_sub_35% gün içinde180%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(2 Değerlendirme)

Hi , we have gone through your requirements and we can help you. Lets talk about this project in detail.

in %bids___i_period_sub_35% gün içinde309%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(5 Değerlendirme)

I will try my best.

in %bids___i_period_sub_35% gün içinde154%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)

Thank you for your project. I reviewed your requirement. We have excellent team of programmers and designers to work on your project efficiently and complete job in [login to view URL] check your PMB.

in %bids___i_period_sub_35% gün içinde220%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)

my team can do it and start immediately

in %bids___i_period_sub_35% gün içinde330%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)

i am ok with the work. when u want to get it completed

in %bids___i_period_sub_35% gün içinde140%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)

Hi, I am a competent software engineer and I am used to this kind of paging requirement. I already have a ready-to-implement architecture that we could use to achieve your objective and I would just need to learn Daha Fazla

in %bids___i_period_sub_35% gün içinde220%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)

Hello, We are freelance software developers. If you contact us, we can give a quote for your project and we can discuss the details. w w w . sol v e r . i o

in %bids___i_period_sub_35% gün içinde140%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)