Här är lösningen:Ring koden nedan i din header.php innan du stänger head-taggen
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$(".default .carousel").jCarouselLite({
btnNext: ".default .next",
btnPrev: ".default .prev"
});
});
</script>
<link rel="stylesheet" media="all" type="text/css" href="<?php bloginfo('template_url');?>/css/style-demo.css">
//download this css from https://github.com/ganeshmax/jcarousellite and put it in your theme css directory
<script src="<?php bloginfo('template_url');?>/js/jquery-1.11.1.js"></script>
//download this js file https://github.com/ganeshmax/jcarousellite here and put it in your theme js directory
<script src="<?php bloginfo('template_url');?>/js/jquery.jcarousellite.js"></script>
//download this js file https://github.com/ganeshmax/jcarousellite here and put it in your theme js directory
Ring nedanstående kod i din wordpress-sida med texttypinnehåll eller om du vill kan du också kalla det i dina wordpress php-filer också
<div id="jcl-demo">
<div class="custom-container default"><a class="prev" href="#">‹</a>
<div class="carousel">
<ul>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/2.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/2.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/2.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/2.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/2.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
</ul>
</div>
<a class="next" href="#">›</a>
<div class="clear"></div>
</div>
</div>