Sorry for my not so perfect english in advance.
I've been making a site for my music band as a school project and i've done pretty much everything, but i don't get it how to take a finished gallery and add my photos and stuff?
(My teacher told me that i don't need to make gallery if i don't know how and that i can find a finished one on web). I was looking for finished galleries but i couldn't get to put them in my code, i also looked for tutorials, but after all, none of the galleries couldn't fulfill what i needed and those whom i tried to put in my website couldn't work. So i want a gallery to be like this:
- a line (slider) of thumbnails of photos on whom i can click
- and when i click on them they zoom into bigger resolution (like a bit slow fade in)
- everything behind the image becomes darker and also
- the left and right arrows which can be used with mouse click and
- arrow buttons on keyboard as previous and next and
- when i click anywhere beside the image it fades out (it can just fade out, if possible (i like that effect more), without changing resolution, or it can just zoom out).
I would learn if i could, because deadline is tomorrow, so please if anyone can help me, i'm sure that there're finished galleries like the one i want, but i just couldn't find one... and ofcourse if you could explain to me how to add my images and everything. Sorry again for my english...
jsBin demo
Put this inside a
gallery.html
document