Question

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

图像最初成功出现（没有错误）。但是，在添加更多子页面并向主页面添加登录控件时，图像不再出现。此外，图像的文件路径出现错误 - “找不到警告文件'图像/ h1.jpg'。”

我曾尝试评论母版页中的Login控件，以检查它是否会影响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>

Answer 1

这些页面是否放在与根目录不同的文件夹中？使用根选择器而不是当前的目录选择器？

这个

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

而不是

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

Jquery图像幻灯片放映

1 个答案: