자바스크립트질문이요

제가 이미지를 반복적으로 나타나게끔 만들고 그 이미지 클릭시

다른 사이트로 넘어가게끔 했는데요

<a href>를 사용하면 링크가 처음에는 나오지만

이미지가 한번 돌면은 더이상 링크가 안나와요

어떻게 해야하나요??

<!DOCTYPE html>
< html>
< head>
< style>

#rectangle{
width:2500px;
position:absolute;
margin-left:200px;

}
< /style>

            // 함수를 2초마다 실행합니다.
            setInterval(function () {
                // 첫 번째 이미지를 마지막으로 보냅니다.
                $('.crimson').first().appendTo('#rectangle');
            }, 2000);
        });
    </script>
< /head>
< body>
< div id="rectangle">
    여기다가 <a href="#"> 를 넣어보았는데 어떻게 고쳐야하죠?<img class="crimson" src="../pictures/CS151120.jpg"/>
    <img class="crimson" src="../pictures/CS151204.jpg" />
    <img class="crimson" src="../pictures/CS151218.jpg" />
    <img class="crimson" src="../pictures/CS151231.jpg" />

</div>
< /body>
< /html>