mercredi 24 février 2016

How to use unslider on website?

I have been trying to use unslider (jQuery) on a project of my own. Despite following the instructions on the http://unslider.com/ website, I can't seem to get things to work.

Would anyone be kind enough to take a look at my code and give some feedback as regards to what can be going wrong here?

Thanks!

--

<!doctype html>
<html>

<head>
<title>Testing unslider</title>

<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<link rel="stylesheet" href="/unslider-master/dist/css/unslider.css">
<link rel="stylesheet" href="/unslider-master/dist/css/unslider-dots.css">

</head>

<body>

<div class="my-slider">
    <ul>
        <li>My slide</li>
        <li>Another slide</li>
        <li>My last slide</li>
    </ul>
</div>

<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="/unslider-master/src/js/unslider.js"></script>

<script>
    jQuery(document).ready(function($) {
        $('.my-slider').unslider();
    });
</script>

</body>

</html>




Aucun commentaire:

Enregistrer un commentaire