Sliding divs for content

Question

Sliding divs for content

Navigation

#1 by (2 votes)

2

Someone could help me with boxing with sliding content and by clicking on the arrows the Div is pushed and thus showing the other box as in the example of the image below the globe.

I already did with java script but I do not go as I wanted.

javascript html jquery css

asked by anonymous 09.10.2015 / 19:19

1 answer

How do I change the view of a select's options on mobile devices? Preview image with JS

score 2 · Accepted Answer

I recommend using this component:

Slick is easy to use follow a sample:

<html>
  <head>
  <title>My Now Amazing Webpage</title>
  <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
  <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
  </head>
  <body>

  <div class="your-class">
    <div>your content</div>
    <div>your content</div>
    <div>your content</div>
  </div>

  <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="slick/slick.min.js"></script>

  <script type="text/javascript">
    $(document).ready(function(){
      $('.your-class').slick({
        setting-name: setting-value
      });
    });
  </script>

  </body>
</html>

Example taken from the app's own site.