Website development
- or -
Post a project like this3689
$$
- Posted:
- Proposals: 3
- On-site in London, GB
- #438112
- Awarded
Description
Experience Level: Intermediate
General information for the website: Portfolio website with custom made image gallery
Kind of development: New website from scratch
Num. of web pages/modules: 2/3
Description of every page/module: Website for a photographer.
The design has been coded in HTML/CSS, it now needs the functionality.
The home page has a thumbnail which link to a gallery page where the user can view the pictures for an album.
Description of requirements/features: The gallery need to work this way:
The user is viewing the first image of the gallery:
He can press the next and prev buttons to go to the next and prev image of the album.
He can also press an 'info' button which brings up a semi-opaque layer on top of the image which is being viewed. This layer contains some text about the current album, and a thumbnails of the images from the current album.
The user can then select one of the images from the thumbnails, making the semi-opaque layer disappear going back to the image selected.
When viewing the info page, at all times the picture is viewable in the background through the info page which has the opacity turned down.
When in the info page, the user can press the next and prev buttons to GO TO THE NEXT ALBUM'S INFO PAGE. This is when it becomes tricky.
So now we are looking at another album's info and thumbnail, while on the background we see the picture from the previous album. If the user clicks on one of the images of the thumbnail, the image behind the info layer updates itself to the new album, and the info layers fades away showing the picture itself.
It's a bit hard to explain the proper functionality but more or less, that was it.
I have visuals and slides to show you and we can also meet up so that I can explain the complete thing in details.
Extra notes:
Kind of development: New website from scratch
Num. of web pages/modules: 2/3
Description of every page/module: Website for a photographer.
The design has been coded in HTML/CSS, it now needs the functionality.
The home page has a thumbnail which link to a gallery page where the user can view the pictures for an album.
Description of requirements/features: The gallery need to work this way:
The user is viewing the first image of the gallery:
He can press the next and prev buttons to go to the next and prev image of the album.
He can also press an 'info' button which brings up a semi-opaque layer on top of the image which is being viewed. This layer contains some text about the current album, and a thumbnails of the images from the current album.
The user can then select one of the images from the thumbnails, making the semi-opaque layer disappear going back to the image selected.
When viewing the info page, at all times the picture is viewable in the background through the info page which has the opacity turned down.
When in the info page, the user can press the next and prev buttons to GO TO THE NEXT ALBUM'S INFO PAGE. This is when it becomes tricky.
So now we are looking at another album's info and thumbnail, while on the background we see the picture from the previous album. If the user clicks on one of the images of the thumbnail, the image behind the info layer updates itself to the new album, and the info layers fades away showing the picture itself.
It's a bit hard to explain the proper functionality but more or less, that was it.
I have visuals and slides to show you and we can also meet up so that I can explain the complete thing in details.
Extra notes:
Federico Z.
0% (0)Projects Completed
-
Freelancers worked with
-
Projects awarded
50%
Last project
13 May 2024
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