Features

The great news slider for all devices.

Supports self-written content and RSS feeds

Horizontal or vertical

Responsive

Link from the excerpt to another website


V2.0.0

Sliders

Basic Slider

In this slider example the content is created in the HTML document. It is also using the default options

This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators?

"Depend upon it, landlord, that harpooneer is a dangerous man." "He pays reg'lar," was the rejoinder. "But come, it's getting dreadful late, you had better be turning flukes—it's a nice bed; Sal and me slept in that ere bed the night we were spliced. There's plenty of room for two to kick about in that bed; it's an almighty big bed that.

Queequeg removed himself to just beyond the head of the sleeper, and lighted his tomahawk pipe. I sat at the feet. We kept the pipe passing over the sleeper, from one to the other. Meanwhile, upon questioning him in his broken fashion, Queequeg gave me to understand that, in his land, owing to the absence of settees and sofas of all sorts, the king, chiefs, and great people generally, were in the custom of fattening some of the lower orders for ottomans; and to furnish a house comfortably in that respect, you had only to buy up eight or ten lazy fellows, and lay them round in the piers and alcoves.

Besides, it was very convenient on an excursion; much better than those garden-chairs which are convertible into walking-sticks; upon occasion, a chief calling his attendant, and desiring him to make a settee of himself under a spreading tree, perhaps in some damp marshy place. While narrating these things, every time Queequeg received the tomahawk from me, he flourished the hatchet-side of it over the sleeper's head. "What's that for, Queequeg?" "Perry easy, kill-e; oh!perry easy!" He was going on with some wild reminiscences about his tomahawk-pipe, which, it seemed, had in its two uses both brained his foes and soothed his soul, when we were directly attracted to the sleeping rigger.

The strong vapour now completely filling the contracted hole, it began to tell upon him. He breathed with a sort of muffledness; then seemed troubled in the nose; then revolved over once or twice; then sat up and rubbed his eyes. "Holloa!" he breathed at last, "who be ye smokers?" "Shipped men," answered I, "when does she sail?" "Aye, aye, ye are going in her.This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators? "Depend upon it, landlord, that harpooneer is a dangerous man." "He pays reg'lar," was the rejoinder. "But come, it's getting dreadful late, you had better be turning flukes—it's a nice bed; Sal and me slept in that ere bed the night we were spliced. There's plenty of room for two to kick about in that bed; it's an almighty big bed that.

when we were directly attracted to the sleeping rigger. The strong vapour now completely filling the contracted hole, it began to tell upon him. He breathed with a sort of muffledness; then seemed troubled in the nose; then revolved over once or twice; then sat up and rubbed his eyes. "Holloa!" he breathed at last, "who be ye smokers?" "Shipped men," answered I, "when does she sail?" "Aye, aye, ye are going in her.This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators? "Depend upon it, landlord, that harpooneer is a dangerous man." "He pays reg'lar," was the rejoinder. "But come, it's getting dreadful late, you had better be turning flukes—it's a nice bed; Sal and me slept in that ere bed the night we were spliced. There's plenty of room for two to kick about in that bed; it's an almighty big bed that.

Queequeg removed himself to just beyond the head of the sleeper, and lighted his tomahawk pipe. I sat at the feet. We kept the pipe passing over the sleeper, from one to the other. Meanwhile, upon questioning him in his broken fashion, Queequeg gave me to understand that, in his land, owing to the absence of settees and sofas of all sorts, the king, chiefs, and great people generally, were in the custom of fattening some of the lower orders for ottomans; and to furnish a house comfortably in that respect, you had only to buy up eight or ten lazy fellows, and lay them round in the piers and alcoves. Besides, it was very convenient on an excursion; much better than those garden-chairs which are convertible into walking-sticks; upon occasion, a chief calling his attendant, and desiring him to make a settee of himself under a spreading tree, perhaps in some damp marshy place. While narrating these things, every time Queequeg received the tomahawk from me, he flourished the hatchet-side of it over the sleeper's head.
Queequeg removed himself to just beyond the head of the sleeper, and lighted his tomahawk pipe. I sat at the feet. We kept the pipe passing over the sleeper, from one to the other. Meanwhile, upon questioning him in his broken fashion, Queequeg gave me to understand that, in his land, owing to the absence of settees and sofas of all sorts, the king, chiefs, and great people generally, were in the custom of fattening some of the lower orders for ottomans; and to furnish a house comfortably in that respect, you had only to buy up eight or ten lazy fellows, and lay them round in the piers and alcoves. Besides, it was very convenient on an excursion; much better than those garden-chairs which are convertible into walking-sticks; upon occasion, a chief calling his attendant, and desiring him to make a settee of himself under a spreading tree, perhaps in some damp marshy place. While narrating these things, every time Queequeg received the tomahawk from me, he flourished the hatchet-side of it over the sleeper's head.
This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators? "Depend upon it, landlord, that harpooneer is a dangerous man." "He pays reg'lar," was the rejoinder. "But come, it's getting dreadful late, you had better be turning flukes—it's a nice bed; Sal and me slept in that ere bed the night we were spliced. There's plenty of room for two to kick about in that bed; it's an almighty big bed that.
This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators? "Depend upon it, landlord, that harpooneer is a dangerous man." "He pays reg'lar," was the rejoinder. "But come, it's getting dreadful late, you had better be turning flukes—it's a nice bed; Sal and me slept in that ere bed the night we were spliced. There's plenty of room for two to kick about in that bed; it's an almighty big bed that.

RSS Feeds

In this slider the content is created from a RSS feed.
You can also test your own RSS feed by adding your RSS feed URL:



Code
$('#rss-feeds').fancyNews({
	width: '100%',
	height: 510,
	previewsPerPage: 5,
	feed: 'http://feeds.feedburner.com/nettuts?format=xml',
});

RSS Feeds with Linking

In this slider the content is created from a RSS feed and the links on the preview elements are also enabled. A slide time is set to 3000ms (3 seconds).


Code
$('#feeds-with-linking').fancyNews({
	width: 500,
	height: 300,
	feed:'http://feeds.feedburner.com/nettuts?format=xml',
	infiniteLoop: true,
	slideTime: 3000,
	useLinks: true,
	arrows: false,
	backgroundColor: '#34495F',
	backgroundOverColor : '#18222D',
	textColor: '#fff',
	primaryColor: '#ECF0F1',
	center: true
});

Vertical slider with Linking

In this slider example the content is created in the HTML document. The links are also enabled, which you set in your HTML document. The vertical scrolling is also enabled.


This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators?

"Depend upon it, landlord, that harpooneer is a dangerous man." "He pays reg'lar," was the rejoinder. "But come, it's getting dreadful late, you had better be turning flukes—it's a nice bed; Sal and me slept in that ere bed the night we were spliced. There's plenty of room for two to kick about in that bed; it's an almighty big bed that.

Queequeg removed himself to just beyond the head of the sleeper, and lighted his tomahawk pipe. I sat at the feet. We kept the pipe passing over the sleeper, from one to the other. Meanwhile, upon questioning him in his broken fashion, Queequeg gave me to understand that, in his land, owing to the absence of settees and sofas of all sorts, the king, chiefs, and great people generally, were in the custom of fattening some of the lower orders for ottomans; and to furnish a house comfortably in that respect, you had only to buy up eight or ten lazy fellows, and lay them round in the piers and alcoves.

Besides, it was very convenient on an excursion; much better than those garden-chairs which are convertible into walking-sticks; upon occasion, a chief calling his attendant, and desiring him to make a settee of himself under a spreading tree, perhaps in some damp marshy place. While narrating these things, every time Queequeg received the tomahawk from me, he flourished the hatchet-side of it over the sleeper's head. "What's that for, Queequeg?" "Perry easy, kill-e; oh!perry easy!" He was going on with some wild reminiscences about his tomahawk-pipe, which, it seemed, had in its two uses both brained his foes and soothed his soul, when we were directly attracted to the sleeping rigger.

The strong vapour now completely filling the contracted hole, it began to tell upon him. He breathed with a sort of muffledness; then seemed troubled in the nose; then revolved over once or twice; then sat up and rubbed his eyes. "Holloa!" he breathed at last, "who be ye smokers?" "Shipped men," answered I, "when does she sail?" "Aye, aye, ye are going in her.This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators? "Depend upon it, landlord, that harpooneer is a dangerous man." "He pays reg'lar," was the rejoinder. "But come, it's getting dreadful late, you had better be turning flukes—it's a nice bed; Sal and me slept in that ere bed the night we were spliced. There's plenty of room for two to kick about in that bed; it's an almighty big bed that.

when we were directly attracted to the sleeping rigger. The strong vapour now completely filling the contracted hole, it began to tell upon him. He breathed with a sort of muffledness; then seemed troubled in the nose; then revolved over once or twice; then sat up and rubbed his eyes. "Holloa!" he breathed at last, "who be ye smokers?" "Shipped men," answered I, "when does she sail?" "Aye, aye, ye are going in her.This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators? "Depend upon it, landlord, that harpooneer is a dangerous man." "He pays reg'lar," was the rejoinder. "But come, it's getting dreadful late, you had better be turning flukes—it's a nice bed; Sal and me slept in that ere bed the night we were spliced. There's plenty of room for two to kick about in that bed; it's an almighty big bed that.

Queequeg removed himself to just beyond the head of the sleeper, and lighted his tomahawk pipe. I sat at the feet. We kept the pipe passing over the sleeper, from one to the other. Meanwhile, upon questioning him in his broken fashion, Queequeg gave me to understand that, in his land, owing to the absence of settees and sofas of all sorts, the king, chiefs, and great people generally, were in the custom of fattening some of the lower orders for ottomans; and to furnish a house comfortably in that respect, you had only to buy up eight or ten lazy fellows, and lay them round in the piers and alcoves. Besides, it was very convenient on an excursion; much better than those garden-chairs which are convertible into walking-sticks; upon occasion, a chief calling his attendant, and desiring him to make a settee of himself under a spreading tree, perhaps in some damp marshy place. While narrating these things, every time Queequeg received the tomahawk from me, he flourished the hatchet-side of it over the sleeper's head.
Queequeg removed himself to just beyond the head of the sleeper, and lighted his tomahawk pipe. I sat at the feet. We kept the pipe passing over the sleeper, from one to the other. Meanwhile, upon questioning him in his broken fashion, Queequeg gave me to understand that, in his land, owing to the absence of settees and sofas of all sorts, the king, chiefs, and great people generally, were in the custom of fattening some of the lower orders for ottomans; and to furnish a house comfortably in that respect, you had only to buy up eight or ten lazy fellows, and lay them round in the piers and alcoves. Besides, it was very convenient on an excursion; much better than those garden-chairs which are convertible into walking-sticks; upon occasion, a chief calling his attendant, and desiring him to make a settee of himself under a spreading tree, perhaps in some damp marshy place. While narrating these things, every time Queequeg received the tomahawk from me, he flourished the hatchet-side of it over the sleeper's head.
This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators? "Depend upon it, landlord, that harpooneer is a dangerous man." "He pays reg'lar," was the rejoinder. "But come, it's getting dreadful late, you had better be turning flukes—it's a nice bed; Sal and me slept in that ere bed the night we were spliced. There's plenty of room for two to kick about in that bed; it's an almighty big bed that.
This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators? "Depend upon it, landlord, that harpooneer is a dangerous man." "He pays reg'lar," was the rejoinder. "But come, it's getting dreadful late, you had better be turning flukes—it's a nice bed; Sal and me slept in that ere bed the night we were spliced. There's plenty of room for two to kick about in that bed; it's an almighty big bed that.
Code
<div id="fn-vertical">
  <div data-link="{URL_OF_WEBSITE}">
    <img src="{URL_OF_THUMBNAIL}" /><span title="{TITLE}">{DESCRIPTION}</span>
  </div>
  ...
</div>

$('#vertical-with-linking').fancyNews({
	infiniteLoop: true,
	previewsPerPage: 3,
	vertical: true,
	offset: 0,
	useLinks: true,
	width: 600,
	height: 380,
	center: true
});

Options

Option Explanation Default Value
width The width for the slider in px. 500
height The height for the slider in px. 420
offset The offset between the previews in px 2
previewsPerPage The number of previews per page. 3
numOfEntries The number of blog entries to load (only for RSS feed). 10
slideTime The slide time in ms. 0
feed An URL to a RSS feed. ''
backgroundColor The background color for all elements. '#1A1A1A'
backgroundOverColor The background color when you move your mouse over a preview element. '#0C0C0C'
useLinks Set it to true to enable the links on preview elements. false
targetWindow The target for the links, choice between '_self' or '_blank'. '_blank'
Since V2.0:
infiniteLoop
Set it to true to enable the infinite loop when scrolling. When enabling this option, it will also hide the post count element. false
Since V2.0:
arrows
Show(true) or hide(false) the navigation arrows. true
Since V2.0:
vertical
Enable(true) the vertical scrolling. false
Since V2.0:
onListCreated
A callback function that will be called when the preview list created. function() {}
Since V2.0.2:
excerptEnd
The text that should be added at the end of the excerpt. '[....]'
Since V2.0.2:
textColor
The text color. '#333333'
Since V2.0.2:
primaryColor
The primary color for headlines, image border and icons. '#7F8C8D'
Since V2.0.2:
center
Center the slider to his parent element. false
Since V2.0.4:
rssApiKey
You need to get an API key to load rss feeds from here https://rss2json.com. ''


© 2013 | radykal.de