本文介绍了jQuery图像幻灯片放映的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述



我已经创建了一个具有母版页的网站.除此之外,我还创建了一个名为Home.aspx的子页面,该子页面位于此home.aspx文件中,我使用了Jquery滑块来显示图像的幻灯片放映.

图像起初成功出现.但是,在添加更多子页面并将登录控件添加到母版页面时,图像不再显示.

我试图注释母版页中的Login控件,以检查它是否影响jquery,最终没有影响jquery.


这是我的母版页< head>的代码我在其中添加jquery的部分:

Hi,

I have create a website with masterpage. Apart from this, I also create a child page called - Home.aspx, which inside this home.aspx file, I have use a Jquery slider to display slide show of images.

The images had appeared successfully at first. However, upon adding more child pages and adding an Login control to the masterpage, the images was not appearing anymore.

I had tried to comment up the Login control inside the masterpage to check whether does it affect the jquery and eventually it did not.


Here is my code of the master page <head> section whereby I add in the 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文件代码:



Following is the Home.aspx file code:

<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>



没有错误或运行时错误.但是图像未显示..



There are no errors or run-time errors. But the images are not showing..

推荐答案



没有错误或运行时错误.但是图像没有显示.



There are no errors or run-time errors. But the images are not showing..



这篇关于jQuery图像幻灯片放映的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-20 15:59
查看更多