0

我已经创建了一个带有母版页的网站。除此之外，我还创建了一个名为 Home.aspx 的子页面，在这个 home.aspx 文件中，我使用了一个 Jquery 滑块来显示图像的幻灯片。

图像一开始就成功出现（没有错误）。但是，在添加更多子页面并向母版页添加登录控件后，图像不再出现。另外，图片的文件路径出现了错误——“Warning File 'Images/h1.jpg' is not found”。

我曾尝试评论母版页内的登录控件，以检查它是否影响 jquery，但最终没有。

这是我在 jquery 中添加的母版页头部分的代码：

<head runat="server">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>BedOfRoses</title>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'/>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.slidertron-1.0.js"></script>

 <asp:ContentPlaceHolder id="head" runat="server">
 </asp:ContentPlaceHolder>
</head>

以下是 Home.aspx 文件代码：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
            <div id="banner">
            <div id="slider">
            <div class="viewer">
            <div class="reel">
                <div class="slide"> <img src="Images/H1.jpg" alt="" /> </div>
                <div class="slide"> <img src="Images/H2.jpg" alt="" /> </div>
                <div class="slide"> <img src="Images/H3.jpg" alt="" /> </div>
                <div class="slide"> <img src="Images/H4.jpg" alt="" /> </div>
                <div class="slide"> <img src="Images/H4.jpg" alt="" /> </div>
                <div class="slide"> <img src="Images/H6.jpg" alt="" /> </div>

                                </div>
                            </div>
                        </div>
                        <script type="text/javascript">
                            $('#slider').slidertron({
                                viewerSelector: '.viewer',
                                reelSelector: '.viewer .reel',
                                slidesSelector: '.viewer .reel .slide',
                                advanceDelay: 3000,
                                speed: 'slow'
                            });
            </script>
                    </div>
4

1 回答 1

0

Are these pages placed in a separate folder than the root one? Use the root selector instead of the current dir selector?

This 

<div class="slide"> <img src="/Images/H1.jpg" alt="" /> </div>

instead of this

<div class="slide"> <img src="Images/H1.jpg" alt="" /> </div>
于 2012-07-04T15:37:33.807 回答