如何将html,js滑块插入.php

时间:2018-05-04 19:59:15

标签: javascript php jquery html

面对忧虑。我有我的登陆页面landingpage.php并希望插入一个滑块...所以我在html,js中构建了一个滑块并希望插入.php登陆页面,所以我将所有文件夹和文件复制到我所在的文件夹中有我的登陆page.php,但很难正确链接我的滑块。

我的示例代码包括.php和html,js下面的滑块

<!-- TOP LANDING SECTION -->  <div style="height:93vh;width:100%;background-image: url(<?php echo base_url().'assets/frontend/flixer/images/soulafrikatv.jpg';?>)">


 <!-- logo -->
<div style="float: left;">
    <a href="<?php echo base_url();?>index.php?home">
    <img src="<?php echo base_url();?>/assets/global/logo.png" style="margin: 18px 18px; width: 160px;" />
    </a>
</div>
<div style="float: right;margin: 18px 18px; height: 50px;" class="hidden-xs">
    <a href="<?php echo base_url();?>index.php?home/signin" class="btn btn-warning">Sign in</a>
</div>

<!-- promo text visible for large devices -->
<div style="font-size: 85px;font-weight: bold;clear: both;padding: 200px 0px 0px 50px;color: #fff;" class="hidden-xs">
    Premium Entertainment.
    <div style="font-size: 30px; letter-spacing: .2px; color: #fff; font-weight: 400;">
        Movies, Shows, Documentaries, Series and more…
    </div>
    <a href="<?php echo base_url();?>index.php?home/signup" class="btn btn-warning btn-lg" >JOIN TODAY</a>
</div>

我发现很难将滑块代码插入到目标网页

这里是滑块代码

<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
 <script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->

身体

<!-- Start BODY section -->
 <div id="wowslider-container1">
  <div class="ws_images"><ul>
    <li><a href="#"><img 
 src="data1/images/home_top_banner02.jpg" alt="javascript slider" 
 title="Watch 
   Your favorite show" id="wows1_0"/></a></li>
    <li><img src="data1/images/soulafrik....jpg" alt="Soulafrikatv " 
   title="Soulafrikatv " id="wows1_1"/></li>
 </ul></div>
 <div class="ws_bullets"><div>
    <a href="#" title="Watch Your favorite show"><span><img 
   src="data1/tooltips/home_top_banner02.jpg" alt="Watch Your favorite 
  show"/>1</span></a>
    <a href="#" title="Soulafrikatv "><span><img 
src="data1/tooltips/soulafrik....jpg" alt="Soulafrikatv "/>2</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a 
href="#">slider html</a> by WOWSlider.com v8.8</div>
<div class="ws_shadow"></div>
</div>  
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End BODY section -->

0 个答案:

没有答案