面对忧虑。我有我的登陆页面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 -->