Javascript 我无法在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>

<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 
}

这是我正在看的照片的链接。这张图片是我的自行车，寻呼机链接在左上角——只有文本编号1-7，用于所有7张幻灯片：

但我无法将这些文本数字转换为缩略图。每当我尝试时，从Jquery循环的指令或其他人的在线指令中，通常图片都会一个接一个地结束，或者我在浏览器中收到一条长长的、巨大的错误消息

我想继续骑自动自行车，但有缩略图，以防最终用户想回去，但我陷入了僵局。我现在已经到了困惑的地步，我甚至不知道该修补什么，jquery.cycle.all.js文件，javascript，css，html

非常感谢您阅读本文，并衷心感谢您的帮助

---

Jason Weber

由于您不擅长JS，请尝试使用符合您目的的JS

---

它有现成的缩略图选项。

嘿，非常感谢你的链接，乌斯曼！我终于有一些缩略图出现在屏幕上。我剩下的唯一问题是，当单击缩略图时，它会将浏览器指向mydomain/images/thumbnail1.jpg，而不是停留在主页上的幻灯片上，只转到它应该指向的特定幻灯片。如果你对此有任何建议，我将非常感激。哦。。。被切断了。我只想再说一次，谢谢你花时间阅读我的问题并提供解决方案。嘿，乌斯曼，如果你还在读这篇文章，快速提问。我的缩略图在那里，它们指向幻灯片，就像上面说的那样。但它实际上是指向我图片的URL，而不是停留在页面上，直接转到那个幻灯片。我不知道我做错了什么@JasonWeber也许你有一个JS错误，用Firebug控制台或Chrome开发者工具（Ctrl+Shift+I）控制台检查是否有任何错误。我的Chrome上安装了Chrome Web开发者工具插件，但我解决了它，Usman。。。这只是一个样式表问题。我看javascript时感到非常困惑，以至于我忘记了.css，我只是做了一个小小的调整。再次感谢你的帮助！