CAROUSEL SCROLLING SLIDESHOW-1
.
.
.
.
.
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script src='https://github-codes.github.io/mycodes/javascripts/slider.js'></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider').bxSlider({
ticker: true,
tickerSpeed: 3000,
tickerHover: true});});
</script>
<style>
#slider {list-style:none;padding:0px;}
.slider-container {background:#115599;width:840px;height:158px;padding:1px;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow:hidden; margin:auto;}
.newcon { width:840px; margin:auto; overflow:hidden}
#slider img {width:208px;height:126px;margin:0px;display:inline-block;border: 1px solid #00ff00;}
#slider li {width:210px}
</style>
<div class="newcon">
<div class="slider-container">
<ul id="slider">
<li><a href='place link' title="place hover text" target="_blank"><img src="https://i.imgur.com/uLrZapxt.jpg"/></a></li>
<li><a href='place link' title="place hover text" target="_blank"><img src="https://i.imgur.com/YCL3P4vt.jpg"/></a></li>
<li><a href='place link' title="place hover text" target="_blank"><img src="https://i.imgur.com/9GqSG9at.jpg"/></a></li>
<li><a href='place link' title="place hover text" target="_blank"><img src="https://i.imgur.com/GwVdj0Ut.jpg"/></a></li>
<li><a href='place link' title="place hover text" target="_blank"><img src="https://i.imgur.com/JcRaeRSt.jpg"/></a></li>
<li><a href='place link' title="place hover text" target="_blank"><img src="https://i.imgur.com/gptb8xnt.jpg"/></a></li>
<li><a href='place link' title="place hover text" target="_blank"><img src="https://i.imgur.com/gCr4ycDt.jpg"/></a></li>
<li><a href='place link' title="place hover text" target="_blank"><img src="https://i.imgur.com/pyL40yft.jpg"/></a></li>
</ul></div></div>
