fs_tigre — 2012-10-22T08:55:50-04:00 — #1
I just need to know how the images are used and how everything is put together.
Thanks a lot
fs_tigre — 2012-10-22T10:24:04-04:00 — #2
I guess I found one.
fs_tigre — 2012-10-22T11:28:43-04:00 — #3
It looks like this site has what I needed, awesome!
ralphm — 2012-10-22T19:12:34-04:00 — #4
Those look pretty good. Other options might be things like Nivo Slider, Wow Slider and bxSlider.
fs_tigre — 2012-10-23T09:34:05-04:00 — #5
The main reason for my question is because I don’t have a clear understanding on how animations are created, I’m actually more concerned about the process not how to code them. In other words I don’t know understand where and how the images are place in the page without affecting the page layout.
This is how I understand it, which could possibly work…
1- Create a div container.
2- Give it a width and a height so you have that container as you canvas.
3- Place the different elements that are going to be used in the animation. Now, this is the tricky part and the part I don’t fully understand. Do you place your images, divs etc. inside the container hide them and then show or move them as needed OR do you fix or absolute position them outside the container and again, hide them and show them as needed?
This is for animations that show, move and hide different elements inside the container not a slide show (like a banner).
Thanks a lot
ralphm — 2012-10-23T18:49:26-04:00 — #6
If you are going to use the parallax slider you linked to, just have a look at their code (inspect element). Yes, there is an outer div, and inner divs that contain text, images etc. With CSS you prevent them all showing at once, and with JS/CSS3 you animate them.
fs_tigre — 2012-10-23T21:27:32-04:00 — #7
Thanks a lot for the clarification.