Example 7 : RSS Data (with YQL api), No controls, No label, Transparent Background

<< Go Back to All Examples

  • Loading post from JSON file...

HTML STRUCTURE

				
<!-- DEMO7 HTML STARTS HERE *-->
<!-- *********************** -->
<div class="bn-breaking-news" id="newsTicker7">
	<div class="bn-news">
		<ul>
			<li><span class="bn-loader-text">Loading post from JSON file...</span></li>
		</ul>
	</div>
</div>
<!-- *********************** -->
<!-- DEMO7 HTML END HERE *** -->

JAVASCRİPT STRUCTURE

				
$(document).ready(function(){
			
	$('#newsTicker7').breakingNews({
		themeColor: '#11cbd7',
		background: 'transparent',
		borderWidth: 0,
		source: {
			type:'rss',
			usingApi:'YQL',
			url:'http://feeds.bbci.co.uk/news/rss.xml', 
			limit:20, 
			showingField:'title',
			linkEnabled: true,
			target:'_blank', 
			seperator: '<span class="bn-seperator bn-news-dot"></span>',
			errorMsg: 'Json file not loaded. Please check the settings.'
		}
	});

});