Add photo gallery to single page website.
- or -
Post a project like this4127
$$
- Posted:
- Proposals: 7
- Remote
- #190459
- Awarded
Description
Experience Level: Intermediate
Our website needs to be modified to have images displayed. I'm thinking of a carousel of a dozen images with one taking up 66% of the display and the previous and next taking up 10% each.
Ideally using HTML & CSS only similar to
http://www.cssplay.co.uk/menu/click-gallery-preview.html#pic1
http://www.cssplay.co.uk/menu/cssplay-click-zoom-fly.html
http://www.cssplay.co.uk/menu/cssplay-hover-permanent-gallery-v2.html
http://www.cssplay.co.uk/menu/cssplay-slideshow.html
When an image is clicked some text would be displayed within its boarders similar perhaps to
http://www.cssplay.co.uk/menu/cssplay-click-information.html
or perhaps by whiting out the image and overlaying text.
The carousel needs to rotate automatically allowing each image to display for 3 seconds unless clicked in which case the text version of the image is displayed for 6 seconds before reverting.
The page needs to be well documented and rendered on phones, tablets and PC monitors using CSS media queries to change the way the page is rendered depending on the form factor of the browser. To work on latest versions of IE, Chrome, Firefox & Saffari on Windows, Android & OSX. This is expanded at
https://developers.google.com/webmasters/smartphone-sites/details
and a good example site is
http://www.marstonsepa.co.uk
Please submit a fixed price quotation or a question asking for further information.
Ideally using HTML & CSS only similar to
http://www.cssplay.co.uk/menu/click-gallery-preview.html#pic1
http://www.cssplay.co.uk/menu/cssplay-click-zoom-fly.html
http://www.cssplay.co.uk/menu/cssplay-hover-permanent-gallery-v2.html
http://www.cssplay.co.uk/menu/cssplay-slideshow.html
When an image is clicked some text would be displayed within its boarders similar perhaps to
http://www.cssplay.co.uk/menu/cssplay-click-information.html
or perhaps by whiting out the image and overlaying text.
The carousel needs to rotate automatically allowing each image to display for 3 seconds unless clicked in which case the text version of the image is displayed for 6 seconds before reverting.
The page needs to be well documented and rendered on phones, tablets and PC monitors using CSS media queries to change the way the page is rendered depending on the form factor of the browser. To work on latest versions of IE, Chrome, Firefox & Saffari on Windows, Android & OSX. This is expanded at
https://developers.google.com/webmasters/smartphone-sites/details
and a good example site is
http://www.marstonsepa.co.uk
Please submit a fixed price quotation or a question asking for further information.
Eugene G.
60% (1)Projects Completed
5
Freelancers worked with
5
Projects awarded
64%
Last project
12 Oct 2013
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies