All geek questions in one place

Moving CSS horizontal scroll using jQuery slider

I am trying to customize a fullscreen jquery slider. I divided the project into two stages: 1) CSS and 2) JS.

1) CSS , below is the image of what I'm shooting for (without a fixed height), and below is the code that I have that doesn't work.

Example

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <style type="text/css">

        /* Positioning */
        #container { width: 2500px; }
        .block { display: inline; }

        /* Styling */
        .block img { padding: 5px; }

    </style>
</head>
<body>
    <div id="container">
        <div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
        <div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
        <div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
    </div>
</body>
</html>

2) Javascript using jquery. I would like the div elements to slide to the left when clicking on them ... like jQuery Coda Slider , for example , if possible.

Thanks, any help is appreciated.

+3
source share
2 answers

css div, , , :

#container{
  width:500px;
  height:200px;
  overflow:hidden;
}

, ? ? ? , , ,

0

Source: https://habr.com/ru/post/1745832/

More articles:


All Articles