Javascript 我需要一个幻灯片_Javascript_Jquery_Html_Css_Slideshow

Javascript 我需要一个幻灯片

javascript jquery html css

Javascript 我需要一个幻灯片,javascript,jquery,html,css,slideshow,Javascript,Jquery,Html,Css,Slideshow,这是我的代码： HTML <!DOCTYPE html> <html> <head> <title>Roohi Health Screnning</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="te

这是我的代码：

HTML

<!DOCTYPE html> 
<html>
    <head>
        <title>Roohi Health Screnning</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="roohiSTYLE.css">
          <script src="http://code.jquery.com/jquery-latest.min.js"></script>
          <script src="bjqs.min.js"></script>


          <script type="text/javascript">
        jQuery(document).ready(function($) {
    $('#banner-fade').bjqs({
        'height' : 320,
        'width' : 620,
        'responsive' : true
    });
});
            </script>

    </head>
    <body>
    <div>
        <header>
            <h1>Roohisd page<h1> 
        </header>
        <section>
        <!-- Content Starts Here -->
        <header>
            <h1>Welcome to My Site</h1>
            <p>These pages are the work of Me</p>
        </header>

            <nav id="navigation">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="Roohi.html">Roohi</a></li>
                <li><a href="Service.html">Service</a></li>
                <li><a href="Products.html">Products</a></li>
                <li><a href="About-us.html">About Us</a></li>
                <li><a href="findus.html">Find Us</a></li>
            </ul> 
            </nav>


                <div id="my-slideshow">
                <ul class="bjqs">

                <li><img src="images/bloodPresure.jpg"/></li>
                <li><img src="images/Cholesterol.jpg"/></li>
                <li><img src="images/diabetes.jpg"/></li>
            </ul>
            </div>





        <!-- Content Ends Here -->
        </section>

    </div>
    </body>
</html>
enter code here

我正在尝试在我的HTML文件中进行幻灯片放映。还有javascript，因此请soembody帮助我制作幻灯片，我已经试了一整天了，非常感谢您只需替换您正在制作的元素，即“我的幻灯片”，而不是“旗帜褪色”：

jQuery(document).ready(function($) {
    $('#my-slideshow').bjqs({
        'height' : 320,
        'width' : 620,
        'responsive' : true
    });
});

并根据您的口味设计滑块


Roohi健康中心
jQuery（文档）.ready（函数（$）{
$（“#我的幻灯片”）.bjqs({
‘高度’：320，
“宽度”：620，
“响应”：正确
});
});
Roohisd页面
欢迎来到我的网站
这些是我的作品

到底是什么不起作用？它只是在幻灯片中显示图像，而不是我想要的，就像你的JS代码有问题一样。如果你能把它包括在你的问题中，或者做一个演示，那么帮助你会容易得多。你能解决这个问题吗？它仍然不起作用。我能把文件发给你看看吗？我试了一整天。D：我没有任何文件，请查看JSFIDLE演示我能把文件发给你看看吗！！哦，好的，如果你想的话，可以发布一个链接。这个-->html>Roohi Health Screnning code.jquery.com/jquery latest.min.js>有什么问题吗？>首先你必须添加到你的标题部分。更改：进入（或者那里，你有js文件的地方）

jQuery(document).ready(function($) {
    $('#my-slideshow').bjqs({
        'height' : 320,
        'width' : 620,
        'responsive' : true
    });
});

<!DOCTYPE html> 
<html>
<head>
  <title>Roohi Health Screnning</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="roohiSTYLE.css">
  <link rel="stylesheet" href="bjqs.css">
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="js/bjqs-1.3.min.js"></script>
  <script type="text/javascript">
  jQuery(document).ready(function($) {
    $('#my-slideshow').bjqs({
      'height' : 320,
      'width' : 620,
      '  responsive' : true
    });
  });
  </script>
</head>
<body>
  <div>
    <header>
      <h1>Roohisd page<h1> 
      </header>
      <section>
        <!-- Content Starts Here -->
        <header>
          <h1>Welcome to My Site</h1>
          <p>These pages are the work of Me</p>
        </header>

        <nav id="navigation">
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="Roohi.html">Roohi</a></li>
            <li><a href="Service.html">Service</a></li>
            <li><a href="Products.html">Products</a></li>
            <li><a href="About-us.html">About Us</a></li>
            <li><a href="findus.html">Find Us</a></li>
          </ul> 
        </nav>


        <div id="my-slideshow">
          <ul class="bjqs">

            <li><img src="http://lorempixel.com/620/320/city/7"/></li>
            <li><img src="http://lorempixel.com/620/320/city/4"/></li>
            <li><img src="http://lorempixel.com/620/320/city/3"/></li>
          </ul>
        </div>





        <!-- Content Ends Here -->
      </section>

    </div>
  </body>
  </html>