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>

Lightzane
  • 31
  • 5

1 Answers1

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

Tarek Adra
  • 500
  • 5
  • 12