Example 4 : RSS Data ( with rss2json api), No Label, No link, Scroll Effect, Seperator Icon

<< Go Back to All Examples

  • Data loading...

HTML STRUCTURE

				
<!-- DEMO4 HTML STARTS HERE *-->
<!-- *********************** -->
<div class="bn-breaking-news" id="newsTicker4">
	<div class="bn-news">
		<ul>
			<li><span class="bn-loader-text">Data loading...</span></li>
		</ul>
	</div>
	<div class="bn-controls">
		<button><span class="bn-arrow bn-prev"></span></button>
		<button><span class="bn-action"></span></button>
		<button><span class="bn-arrow bn-next"></span></button>
	</div>
</div>
<!-- *********************** -->
<!-- DEMO4 HTML END HERE *** -->
				
			

JAVASCRÄ°PT STRUCTURE

				
$(document).ready(function(){
			
	$('#newsTicker4').breakingNews({
		themeColor: '#11cbd7',
		source: {
			type:'rss',
			usingApi:'rss2json',
			rss2jsonApiKey: 'your_rss2json_api_key_here',
			url:'http://rss.cnn.com/rss/edition.rss', 
			limit:7, 
			showingField:'title',
			linkEnabled: true,
			target:'_blank', 
			seperator: '<span class="bn-seperator" style="background-image:url(img/cnn-logo.png);"></span>',
			errorMsg: 'RSS Feed not loaded. Please try again.'
		}
	});

});