Example 8 : Slide Effect, Logo carousel, With background image

<< Go Back to All Examples

HTML STRUCTURE

				
<!-- DEMO8 HTML STARTS HERE *-->
<!-- *********************** -->
<div class="bn-breaking-news" id="newsTicker8">
	<div class="bn-news">
		<ul>
			<li><a href="#"><img src="img/themeforest.png"></a></li>
			<li><a href="#"><img src="img/codecanyon.png"></a></li>
			<li><a href="#"><img src="img/3docean.png"></a></li>
			<li><a href="#"><img src="img/audiojungle.png"></a></li>
			<li><a href="#"><img src="img/graphicriver.png"></a></li>
			<li><a href="#"><img src="img/photodune.png"></a></li>
			<li><a href="#"><img src="img/videohive.png"></a></li>
		</ul>
	</div>
</div>
<!-- *********************** -->
<!-- DEMO8 HTML END HERE *** -->
				
			

JAVASCRÄ°PT STRUCTURE

				
$(document).ready(function(){
			
	$('#newsTicker8').breakingNews({
		height:56,
		borderWidth:0,
		background: 'url(img/background-pattern-example.png)'
	});

});