1

Using http://darsa.in/sly/

Why this code doesn't make Sly work? Sorry this is my first time. I took a look at the documentation and followed it, but it's not working. Is there something missing? I am new at Sly by darsain. Please help me use SLY

<html>
<head>
    <style>
        * {padding: 0; margin: 0;}
        .frame {
            height: 100px;
            border: 1px solid silver;
            width: 100%;
        }
        .slidee {
            float: left;
            width: 100%;
        }
        .scrollbar { width: 100%; height: 10px; }
        .scrollbar .handle {
            width: 100px; /* overriden if dynamicHandle: 1 */
            height: 100%;
            background: #222;
        }
    </style>
    <script src="jquery.js"></script>
    <script src="sly.min.js"></sript>
    <script>
    $(document).ready(function(){
        var sly = new Sly('.frame');
        sly.init();
    });
    </script>
</head>
<body>
    <div class="scrollbar">
      <div class="handle"></div>
    </div>
    <div class="frame" id="oneperframe">

        <div class="slidee">
            <h2>This is a heading</h2>
            <p>This is a paragraph</p>
        </div>

        <div class="slidee">
            <h2>This is a heading</h2>
            <p>This is a paragraph</p>
        </div>

        <div class="slidee">
            <h2>This is a heading</h2>
            <p>This is a paragraph</p>
        </div>

    </div>
</body>

1 Answer 1

0

Try to Use

<script src="http://darsa.in/sly/examples/js/vendor/plugins.js"></script>

After jquery.js

or maybe you have a mistake here

<script src="sly.min.js"></sript>

must be

<script src="sly.min.js"></script>

:P

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.