I want to do the following:

The site will be divided into three components: photo, video, news

When you download the site opens pure news, and on the sides of the arrows left-right.

When you click on the arrow to the "right" website block with the news is shifted to the left, and the block with the video comes to the place of this block ... the same for the photo

Will accept: usatoday.com

What is the best way to implement this?)

Thank)

  • one
    DIV'y, AJAX-loading, jQuery to handle all of this, and what's the difficulty? - SilverIce
  • How can I create a similar template? create all three blocks for news, photos, videos, and hide unnecessary? or how? - vinnie
  • one
    Take as a basis the principle of the implementation of a slideshow, like napimer, here it is - Deonis
  • one
    Well ... I would say - download the necessary, but for starters, at least as you wrote. - SilverIce
  • 2
    on usatoday, somehow everything is dumbly implemented, the pages are loaded every time, after loading is shifted ... - zb '16

1 answer 1

create a div wrapper, put your three blocks in it, the initial left: minus the width of one block. when clicking on the arrows, change the value of the left wrapper`a