0

マスターページでウェブサイトを作成しました。これとは別に、Home.aspx という子ページも作成します。これは、この home.aspx ファイル内で、Jquery スライダーを使用して画像のスライド ショーを表示します。

画像は最初は正常に表示されました (エラーなし)。ただし、子ページを追加し、ログイン コントロールをマスターページに追加すると、画像が表示されなくなります。さらに、画像のファイル パスに「警告ファイル 'Images/h1.jpg' が見つかりませんでした」というエラーが表示されました。

マスターページ内のログインコントロールをコメントアップして、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

これらのページは、ルートページとは別のフォルダーに配置されていますか？現在のdirセレクターの代わりにルートセレクターを使用しますか？

これ

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

これの代わりに

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