2014-02-07 14 views
0

我無法使用Masterpage製作工作幻燈片腳本。 下面一個工作正常,現在我需要轉換到MASTER頁面的ASPX項目。ASPX母版頁的幻燈片腳本? C#

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script language="javascript" type="text/javascript"> 
     var i = 1; 
     function fun() { 
      i++; 
      document.getElementById("img1").src = "images/" + i + ".jpg"; 
      if (i == 2) //here 2 is number of images i want to display in the slide show 
      { i = 0; } 
     } 
     setInterval("fun()", 4000); 
</script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <asp:Image ID="img1" runat="server" src="images/1.jpg" Height="500px" Width="1000px" /> 
    </div> 
    </form> 
</body> 
</html> 

這是我試過的。 Masterpage

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Main.master.cs" Inherits="Main" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
      <script language="javascript" type="text/javascript"> 
       var i = 1; 
       function fun() { 
        i++; 
        document.getElementById("img1").src = "images/" + i + ".jpg"; 
        if (i == 2) //here 2 is number of images i want to display in the slide show 
        { i = 0; } 
       } 
       setInterval("fun()", 4000); 
</script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 

     <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 

     </asp:ContentPlaceHolder> 
    </div> 
    </form> 
</body> 
</html> 

這是從我的母版頁派生的Aspx的代碼。

<%@ Page Title="" Language="C#" MasterPageFile="~/Main.master" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 


<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
<asp:Image ID="img1" runat="server" src="images/1.jpg" Height="500px" Width="1000px" /> 

</asp:Content> 

請讓我知道。

+0

你是否收到任何錯誤消息? –

回答

0

試試這個

母版頁

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Main.master.cs" Inherits="Main" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
<asp:ContentPlaceHolder ID="head" runat="server"> 
    </asp:ContentPlaceHolder> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 

     <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 

     </asp:ContentPlaceHolder> 
    </div> 
    </form> 
</body> 
</html> 

內容頁

<%@ Page Title="" Language="C#" MasterPageFile="~/Main.master" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> 
    <script type="text/javascript"> 

     var i = 1; 
     function fun() {debugger; 
      i++; 
      document.getElementById("<%=img1.ClientID%>").src = "images/" + i + ".jpg"; 
      if (i == 2) //here 2 is number of images i want to display in the slide show 
      { i = 0; } 
     } 
     setInterval("fun()", 4000); 
</script> 
</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
<asp:Image ID="img1" runat="server" src="images/1.jpg" Height="500px" Width="1000px" /> 

</asp:Content> 
+0

謝謝大師。有用。 – user3000743

+0

你可以勾選它作爲答案 –

0

試試這個:

document.getElementById("<%# img1.ClientID %>").src = "images/" + i + ".jpg"; 
+0

我得到了這個錯誤信息.-->名字'img1'在當前上下文中不存在 – user3000743