Sliding divs for content

Asked

Viewed 614 times

2

Someone could help me how to box with slider content and by clicking on the arrows the Div is Pushed and so showing the other box as in the image below the globe example .inserir a descrição da imagem aqui

I’ve done with java script but I don’t leave as I wanted.

javascript jquery html css

  • Whoa, what have you done? Send us some code.

1 answer

2


I recommend using this component:

Slick is easy to use follows an example:

<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 application’s own website.

  • thank you very much was just looking for ..

Browser other questions tagged javascript jquery html css

You are not signed in. Login or sign up in order to post.