<div class="images">
    <ul class="all-images">
        <li id="image1"><img src="Images/start.png" /></li>
        <li id="image2"><img src="Images/middle1.gif" /></li>
        <li id="image3"><img src="Images/middle2.jpg" /></li>
        <li id="image4"><img src="Images/finished.jpg" /></li>
    </ul>
    <script>

        $("#image1").hover(
            function () {
                $(this).addClass("animated pulse");
            })