这是我的一个jsp网页,是下载的。图片切换效果好像没显示。麻烦各位看看是不是代码没写对。还是怎么回事。<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
        <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta charset="utf-8">
        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
        <title>Product Reviews</title>
        <link rel="stylesheet" href="css/style.css" media="screen">
        <link rel="stylesheet" href="css/home-page.css" media="screen">
        <link rel="stylesheet" href="css/ribbon-guideline.css" media="screen">
        <link rel="stylesheet" href="css/Catalog-products.page.css" media="screen">
        <link rel="stylesheet" href="css/Catalog-products-list.page.css" media="screen">
        <link rel="stylesheet" href="css/Products-comparison.page.css" media="screen">
        <link rel="stylesheet" href="css/Catalog-product-view.css" media="screen">
        <link rel="stylesheet" href="css/catalog-product-view-reviws.css" media="screen">
        <!--[if lt IE 9]>
        <script src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" media="screen">
        <![endif]-->
        <script src="../ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="../ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
        <script src="js/jquery.carouFredSel-6.1.0-packed.js"></script>
        <script src="js/slides-pr.min.jquery.js"></script>
        <script src="js/jquery.selectbox.min.js"></script>
        <script src="js/jquery.jqzoom-core.js"></script>
        <script src="js/slides.min.jquery.js"></script>
        <script src="js/plugins.js"></script>
    </head>
    <body class="no-js front-page">
        <!--Constuct zoom and tabs -->
        <script>
            $(document).ready(function(){
                $("#tabs").tabs({ selected: 1 });
                $("#tabs-desc").removeClass("pr-b-active");
                $("#tabs-rev").addClass("pr-b-active");
                $('.jqzoom').jqzoom({
                    zoomType: 'standard',
                    lens:true,
                    preloadImages: false,
                    alwaysOn:false
                });
            });
        </script>        <div id="container">
           
          <!--Category image logo -->
            
          <!-- Main slider -->
            <div id="wrapper">
                
              <article class="pr-view">
                    <header class="entry-header">
                        <h1 class="entry-title">Products name</h1>
                    </header>
                    <div class="pr-view-content">
                        <div class="pr-view-img">
                            <div id="products">
                                <!--Image products -->
                                <div class="slides_container">
                                    <a href="img/pr-sl-1.png" class="jqzoom" rel='nofollow'  title="triumph"><div class=" view-"></div><img src="img/pr-sl-1.png" width="325" height="292" alt="1144953 3 2x"></a>
                                    <a href="img/pr-sl-2.png" class="jqzoom" rel='nofollow'  title="triumph"><div class=" view-"></div><img src="img/pr-sl-2.png" width="325" height="292" alt="1144953 1 2x"></a>
                                    <a href="img/pr-sl-1.png" class="jqzoom" rel='nofollow'  title="triumph"><div class=" view-"></div><img src="img/pr-sl-1.png" width="325" height="292" alt="1144953 2 2x"></a>
                                </div>
                                <!--Small image products -->
                                <ul id="thumblist" class="pagination">
                                    <li><a class="zoomThumbActive" href='javascript:void(0);' rel="nofollow"><img src="img/pr-sl-1.png" width="55" height="55" alt="1144953 3 2x"></a></li>
                                    <li><a href='javascript:void(0);' rel="nofollow"><img src="img/pr-sl-2.png" width="55" height="55" alt="1144953 1 2x"></a></li>
                                    <li><a href='javascript:void(0);' rel="nofollow"><img src="img/pr-sl-1.png" width="55" height="55" alt="1144953 1 2x"></a></li>
                                </ul>
                            </div>
                      </div>
                        <div class="pr-view-sd">
                            <div class="view-sd-header">
                                Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque
                                laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto
                                beatae vitae dicta sunt, explicabo.
                            </div>
                            <div class="view-sd-content">
                                <p>Product Code: <span>Shoes W23</span></p>
                                <p>Reward Points: <span>30</span></p>
                                <p>Availability: <span>20</span></p>
                            </div>
                            <div class="view-sd-footer">
                                <div class="sd-footer-l">
                                    <div id="managbox" class="managbox-view">
                                        <div>
                                            <a href="#"></a>
                                            <a href="#"></a>
                                            <a href="#"></a>
                                        </div>
                                    </div>
                                    <div class="cstars view-stars"></div>
                                    <p>3 reviews</p>
                                    <input onclick="open_rev(this)" type="submit" value="Write a riview">
                                </div>
                                <div class="sd-footer-r">
                                    <div class="view-price">
                                        <div>$25555.00</div>
                                        <div>$240.00</div>
                                        <div>Ex Tax: $39.00</div>
                                    </div>
                                    <div class="qantyti"><p>Qantyti:</p><input type="text" value="1"></div>
                                    <div class="clearfix"></div>
                                    <a class="list-add" href="#"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pr-desc-rev">
                        <div id="tabs">
                            <ul>
                                <li><a onclick="tabs_desc(this)" id="tabs-desc" class="pr-b-active" href="#tabs-1">Description</a></li>
                                <li><a onclick="tabs_rev(this)" id="tabs-rev" href="#tabs-2">Reviews (3)</a></li>
                            </ul>
                            
                          <div id="tabs-2">
                            <div class="comment-form" id="com-form">
                                    <h4>Write a review</h4>
                                    <p>Your Name <span>*</span></p>
                                    <input type="text">
                                    <p>Your Review <span>*</span></p>
                                    <textarea></textarea>
                                    <p class="comment-note">Note: HTML is not translated!</p>
                                    <p class="rait">Raiting <span>*</span></p>
                                    <p class="rait-button"><span>1</span>
                                        <input type="radio" name="raiting">
                                        <input type="radio" name="raiting">
                                        <input type="radio" name="raiting">
                                        <input type="radio" name="raiting">
                                        <input type="radio" name="raiting">
                                        <span>5</span></p>
                                    <input type="submit" value="Continue">
                                </div>
                            </div>
                        </div>
                    </div>
                   
                <div class="pr-d-r-border"></div>
                    <div class="relate-products">
                                        </div>
                </article>
            </div>
        </div>
    </body>
</html>