我不能得到缩略图在Jquery循环插件，只有文本数字

我在javascript和css方面很糟糕，但我确实设法在我的主页中实现了Jquery循环插件。我尝试添加缩略图，这样当它仍然自动循环时，最终用户可以点击缩略图返回，而不是等待8或9张幻灯片。

javascript代码:

<script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.cycle.all.js"></script>
<script type="text/javascript">  
$(document).ready(init);
    function init() {
        // dynamically add a div to hold the slideshow's pager
        $(".homepageimages").before('<div class="pager"></div>');
        // now to use the cycle plugin
        $(".homepageimages").cycle({
            pause: 1,
            pager: ".pager"
        });
    }
 </script>

HTML代码:

<div id="slideshow">
     <div class="homepageimages"
         <asp:Hyperlink ID="HyperLink1" runat="server"
           ImageUrl="~/images/usshomepagegraphic.jpg" height="319" width="864"
            NavigateUrl="~about.aspx" Target="_self"></asp:HyperLink>
         <asp:Hyperlink ID="HyperLink4" runat="server"
           ImageUrl="~/images/collage.jpg" height="319" width="864"
            NavigateUrl="~services.aspx" Target="_self"></asp:HyperLink>
      </div>
 </div>

.slideshow {  
height:  319px;  
width:   864px;  
padding: 0;  
margin:  0;  
} 
.slideshow img {  
padding: 0px;  
border:  0px solid #ccc;  
background-color: #eee;  
width:  864px; 
height: 319px; 
top:  0; 
left: 0 
}

这里有一个photobucket链接，指向我正在查看的内容。这张照片是我的自行车，寻呼机链接在左上角——只有1-7个文本，所有7张幻灯片:http://s1209.photobucket.com/albums/cc387/jdluski/?action=view&电流= jquerythumbnails.png

但是我不能把这些文本数字转换成缩略图。每当我尝试时，从Jquery Cycle的说明或其他人的在线说明中，通常图片只是一个接一个地结束，或者我在浏览器中得到一个长而巨大的错误信息。

我想继续在自动骑自行车，但有缩略图，以防最终用户想回去，但我在一个僵局。我现在很困惑，我甚至不知道该修补什么，jquery。cycle。all。js文件，javascript, css, html。

感谢一群人阅读这篇文章，并真诚地感谢所有的帮助!