4 Replies - 28407 Views - Last Post: 13 October 2013 - 06:48 PM

[HTML5-CSS3] Scrolling image gallery

Posted 13 October 2013 - 04:22 PM

Hello everyone,
A friend of mine asked me to make him an image gallery where there is a scrolling bar that contain a certain number of images, itís a pretty basic thing but i have no idea where to start making it and what should i use to have such a thing, i spend the last week reading about HTML5 and CSS3 and actually am really amazed about the idea of making a HTML skeleton then make it incredibly beautiful with CSS (itís art !! ) i would appreciate all sort of help and guidance, and here is a reference on how the website should looks like :
thank you very much

Replies To: [HTML5-CSS3] Scrolling image gallery

Re: [HTML5-CSS3] Scrolling image gallery

Posted 13 October 2013 - 04:52 PM

I describe how to do this on my blog. I have included the link below. I show how these work, provide some images to explain what I am talking about and even have an attached jsFiddle with a demo you can play with.

Re: [HTML5-CSS3] Scrolling image gallery

Posted 13 October 2013 - 05:04 PM

Martyr2, on 13 October 2013 - 04:52 PM, said:

I describe how to do this on my blog. I have included the link below. I show how these work, provide some images to explain what I am talking about and even have an attached jsFiddle with a demo you can play with.

Thank you for replying, that's a very informative article but i've already managed to do that with HTML5 & CSS3 only by following this tutorial
let me explain more how the website should work :

- a controllable scroll banner that go left or right (there is buttons) and loop when it reach the end
- the images on the banner are also buttons that when you click on one of them, it show the correspondent image in the middle of the page

it's a very easy concept specially if i made it with flash (take a look at the old version of the website to get a better idea)
i hope you can give me more advice on this