number of visible slide I suppose expect visible 3 but always show 4 #sadLife NOT WORKING! #794

nielsoffice · 2023-10-21T12:27:45Z

<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>lory</title>
        <meta name="description" content="Touch enabled minimalistic slider written in vanilla JavaScript">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" type="image/ico" href="./static/favicon.ico" />
        <link rel="stylesheet" type="text/css" href="./static/app.css" />
     </head>
    <body>

      

            <div class="slider js_variablewidth variablewidth">
                <div class="frame js_frame">
                    <ul class="slides js_slides">
                        <li class="js_slide" style="width: 220px;">220</li>
                        <li class="js_slide" style="width: 190px;">190</li>
                        <li class="js_slide" style="width: 150px;">150</li>
                        <li class="js_slide" style="width: 130px;">130</li>
                        <li class="js_slide" style="width: 250px;">250</li>
                        <li class="js_slide" style="width: 180px;">180</li>
                        <li class="js_slide" style="width: 200px;">200</li>
                        <li class="js_slide" style="width: 140px;">140</li>
                        <li class="js_slide" style="width: 120px;">120</li>
                        <li class="js_slide" style="width: 240px;">240</li>
                    </ul>
                </div>

                <span class="js_prev prev">
                    <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5"><g><path fill="#2E435A" d="M302.67 90.877l55.77 55.508L254.575 250.75 358.44 355.116l-55.77 55.506L143.56 250.75z"/></g></svg>
                </span>

                <span class="js_next next">
                    <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5"><g><path fill="#2E435A" d="M199.33 410.622l-55.77-55.508L247.425 250.75 143.56 146.384l55.77-55.507L358.44 250.75z"/></g></svg>
                </span>
            </div>
       

    </body>


    <script src="./dist/lory.min.js"></script>

   document.addEventListener('DOMContentLoaded', function () {

            var variableWidth = document.querySelector('.js_variablewidth');
        
            lory(variableWidth, {
                 infinite: 3,
                 rewind: false
            });
        });
        
        OR
        
           document.addEventListener('DOMContentLoaded', function () {

            var variableWidth = document.querySelector('.js_variablewidth');
        
            lory(variableWidth, {
                 infinite: 3
            });
        });
        
        ```

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

number of visible slide I suppose expect visible 3 but always show 4 #sadLife NOT WORKING! #794

number of visible slide I suppose expect visible 3 but always show 4 #sadLife NOT WORKING! #794

nielsoffice commented Oct 21, 2023

number of visible slide I suppose expect visible 3 but always show 4 #sadLife NOT WORKING! #794

number of visible slide I suppose expect visible 3 but always show 4 #sadLife NOT WORKING! #794

Comments

nielsoffice commented Oct 21, 2023