Uncaught reference error: $ не определена ошибка

Я взял этот код из учебника, чтобы сделать слайд-шоу с автоматическим продвижением в javascript / jQuery, и он прекрасно работает в jsfiddle. Однако, когда я перенесу все в Dreamweaver, он, похоже, просто перестает работать. Все есть, я связал все соответствующие файлы (.js и .css), а также библиотеку jQuery. По какой-то причине, хотя это не будет работать вообще. Вот код

HTML

<div class="fadeIn">
            <img src="image1.png" height="500" width="800"/>
            <img src="image2.png" height="500" width="800"/>
            <img src="image3.png" height="500" width="800"/>
            <img src="image4.png" height="500" width="800"/>
        </div>

CSS

.fadeIn {
    position: relative;
    width: 800px;
    height: 500px;
}

.fadeIn img {
    position: absolute;
    left:0;
    top:0;
}

Javascript / JQuery

$(function(){
    $('.fadeIn img:gt(0)').hide();
    setInterval(function(){
    $('.fadeIn :first-child').fadeOut()
        .next('img').fadeIn()
        .end().appendTo('.fadeIn');
    }, 3000);
});

Вот шапка

<script src="SlideShow.js" type="text/javascript"></script>
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="SlideShow.css">

Ответы на вопрос(3)

Ваш ответ на вопрос