<html>
<head>
      <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <!-- directorySlider Javascript file -->
    <script src="js/directorySlider.js"></script>
    <script src="js/directorySlider.min.js"></script>
    <script>
        $('#slider-main').directorySlider({
            animation: 'fade',
            filebase: 'img_',
            directory: 'images/',
            extension: 'jpg',
            numslides: 2,
            height: 200, 
            width:  483,
            timeout: 100
        })
     </script>
</head>
<body>
    <div class="directorySlider" id="slider-main"></div>
</body>
</html>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- directorySlider Javascript file -->
<script src="js/directorySlider.js"></script>
<script src="js/directorySlider.min.js"></script>
<script>
    $('#slider-main').directorySlider({
        animation: 'fade',
        filebase: 'img_',
        directory: 'images/',
        extension: 'jpg',
        numslides: 2,
        height: 200, 
        width:  483,
        timeout: 100
    })
 </script>
 </head>
 <body>
<div class="directorySlider" id="slider-main"></div>
</body>
</html>

So... you posted some code, but what's your question or your problem?
Don't just throw code, explain yourself, at least say what you got and want want.

And your code seems duplicated.