jquery图片幻灯片

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

图片最初成功出现（没有错误）。但是，在添加更多子页面并向主页添加Login控件时，图像不再显示。此外，图像的文件路径出现错误 - “警告文件'图像/ 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>

来源

2012-07-04 user1501969

难道这些页面放置在一个单独的文件夹比根目录？使用根选择器而不是当前的目录选择器？

这

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

，而不是这个

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

来源

2012-07-04 15:37:33

我有一个文件夹调用 - 图片，和我所有的图像都存储在“图片”文件夹内。我试过了src =“/ Images”和src =“../ Images”，两种方法都不起作用。这两种方法解决了绿色卷曲线错误，但图像仍然不出现.. – user1501969

jquery图片幻灯片

回答

相关问题