Question

我在javascript和css上很糟糕，但我确实设法在我的主页上实现了Jquery Cycle插件。我试图添加缩略图，所以当它仍在自动循环时，最终用户可以点击缩略图返回，而不必等待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 code：

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

的CSS：

.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&current=jquerythumbnails.png

但是我无法将这些文本编号转换为缩略图。每当我尝试从Jquery Cycle的说明或其他人的在线指令时，通常这些图片最终都会彼此叠加，或者我在浏览器中收到一条长长的错误信息。

我想继续骑自行车，但有缩略图以防终端用户想要回去，但我陷入了僵局。我到现在为止我很困惑，我不知道甚至要修改什么，jquery.cycle.all.js文件，javascript，css，html。

感谢一大堆阅读本文，所有的帮助都将得到真诚的感谢！

杰森韦伯

Answer 1

由于您不擅长JS，请尝试使用this plugin，以便为您的目的服务。

http://wayfarerweb.com/jquery/plugins/simplethumbs/

它有现成的缩略图选项。

我无法在Jquery循环插件中获取缩略图，只能使用文本编号

1 个答案: