我想在网站上添加一个html5滑块,而不是我网站上的flash滑块

时间:2015-02-26 14:49:08

标签: html5 insert slider

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

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

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

请我分开,我想告诉我,我不太了解网络编程

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

    

<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