【问题标题】:I want to add a html5 slider to a webside instead of a flash slider that i have on my website我想向网站添加一个 html5 滑块,而不是我网站上的 Flash 滑块
【发布时间】:2015-02-26 14:49:08
【问题描述】:

我想在网站上添加一个 html5 滑块,而不是我网站上的 flash 滑块,但是当我插入 html5 滑块时它没有显示在网站上,我想说明该网站不是由我创建的

链接下载网站 http://www35.zippyshare.com/v/TOkalFb5/file.html

我想要做的是将slider.html中的滑块放在index.html中,而不是那个带有bmw图片的滑块

我很分散,我想告诉你我不太了解网络编程

【问题讨论】:

  • 最好在问题中发布您尝试过的示例代码而不是链接,以防链接稍后过期。
  • 我在想如果我把洞脚本放上去会更容易
  • 你的问题太宽泛了。当你有一个非常具体的问题时,你需要做一些阅读,努力并返回。

标签: html insert slider


【解决方案1】:

您的页面中有一些错误。 首先是脚本顺序:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />  
<meta name="keywords" content="Slider, Hi Slider, Simple HTML5 Slideshow, Free js slider" />
<meta name="description" content="Slider created with Hi Slider which enable you to publish responsive jQuery image slideshows, seamless WordPress slider plugins, amazing website sliding banners and fancy JavaScript slideshow presentation" />     

<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/grid_24.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/superfish.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/tms.css">
<script type="text/javascript" src="sliderengine/jquery.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.equalheights.js"></script>
<script type="text/javascript" src="sliderengine/jquery.hislider.js"></script>
<!--[if lt IE 7]>
    <div style=' clear: both; text-align:center; position: relative;'> <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" alt="" /></a></div>  
<![endif]-->
<!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->

接下来,您需要在此行上以像素为单位的高度:

<!----begin------Insert to your webpage where you want to display the slider-->
        <div id='hislider1' style="max-width:960px; max-height:360px; height:500px; margin: 0 auto;">

请注意,您将元数据替换为滑块的元数据。

这里有正确语法的文件:http://www65.zippyshare.com/v/DnLpAt9O/file.html

【讨论】:

    【解决方案2】:

    很难理解您的要求,但如果您想要 html5 滑块,请查看 Bxslider - http://bxslider.com

    您可以创建类似于滑块的内容。

    【讨论】:

      猜你喜欢
      • 2015-12-15
      • 1970-01-01
      • 1970-01-01
      • 2012-08-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多