Wednesday, December 19It's your lucky day

Modern News Ticker


About

Modern News Ticker is a powerful, flexible, fast, easy to use and customize news ticker. It offers a varied number of features while still being lightweight and very easy to work with:

  • It comes with 15 different themes to choose from.
  • It has 4 different effects: scroll, fade, type and slide.
  • It has 4 different layouts that include news items, front label and control buttons.
  • The corners can be set to either round or square.
  • It can load RSS, JSON and Twitter feeds.
  • The feeds can be set to automatically refresh.
  • It has 21 settings that control the effects, the feeds and other behaviors.
  • It has 3 methods that control the autoplay and the feed refresh.
  • It is responsive.
  • It comes with a detailed guide.

This is the jQuery plugin version of the news ticker. A WordPress plugin version is also available here.

Notes

  • Loading data from Twitter uses PHP because of the authentication requirement when working with the Twitter API.

Updates

2.1 (07 March 2018):

  • Fixed an issue that was causing the preloader not to show properly in some browsers when set to load a feed.
  • Fixed an issue that was causing the news items not to display properly when loading feeds and “linksEnabled” set to false.
  • Modified the theme CSS files so that the styles have higher specificity to make it less likely to be overwritten by other page styles.
  • Fixed an issue that was causing the RSS feed not to load properly when using the “rss2json” service from a page on HTTPS.
  • Other small modifications and improvements.

2.0 (24 April 2017):

  • Updated the project folder structure.
  • Updated the example files.
  • Updated the guide.
  • Updated the “Read Me” file.
  • Added version numbering.
  • Added an “Updates” section to the “Read Me” file.
  • Made updates to the CSS files.
  • Made updates to the JS plugin file.
  • Added error messages to feeds.
  • Updated jQuery to the latest version.
  • Added option to the example files to load jQuery from a CDN.
  • Added support for having only arrows buttons or only the play/pause button.
  • Changed the file structure of the themes to reuse common image files and have less files overall.
  • Updated the Twitter authentication instructions of the guide to match with changes to the Twitter site.
  • Fixed a bug that was causing the JSON files not to bypass cache when the option was turned on.
  • Added a new option to process the loading of RSS and JSON files, called “self”, that uses PHP files to load the feeds through.
  • Added 2 new files: “load-rss.php” and “load-json.php”.
  • Changed the name of the “twitter.php” file to “load-twitter.php”.
  • Added 2 new settings: “rssLoadFile” and “jsonLoadFile”.
  • Changed the name of the “twitterLoadingFile” setting to “twitterLoadFile”. Added backward compatibility support for the former name.
  • Changed the name of the “processService” setting to “loadProcess”. Added backward compatibility support for the former name.
  • Changed the default width to “100%” in the CSS code.
  • Added default “min-width” and “max-width” values to the CSS code.
  • Added a default margin to the CSS code.
  • Added a new class to the CSS file, called “mt-font”, to use the ticker font, as opposed to the default page font.

1.10 (2 March 2017):

  • Added support for loading data using a JSON feed.

1.9 (15 January 2017):

  • Important! The Google Feed API that the ticker was using has been closed recently. I have removed it and have added 2 other RSS processing services, one as default and the other as an alternative. Anyone who is using RSS loading (width loadType: “process”) should update to the new version of the JS file. All that you need to do is to replace the old “jquery.modern-ticker.min.js” file from the “modern-ticker/js” folder with the new one.

1.8 (5 August 2016):

  • Improved the typing effect functionality. HTML tags inside the typed text are now supported so that the typed text can have different styles.
  • Fixed an error that was causing the typing effect not to display properly when switching back and forth fast between news items.

1.7 (29 September 2015):

  • Improved the way RSS loading works.
  • Fixed an issue that was causing some RSS urls not to work properly.
  • Added a new setting called “forceNoCache” to bypass loading cached RSS files, if needed.
  • Added console error messages for the “process” load type.

1.6.1 (18 December 2014):

  • Fixed an issue that was causing the links not to display properly when loading an RSS file directly.

1.6 (6 September 2014):

  • Added a new setting to specify if the autoplay pauses when hovering over the news.
  • Added a new setting to specify if the news items have the links enabled.
  • Fixed an issue that was causing the preloader not to be properly visible when loading data.

1.5.1 (2 September 2014):

  • Fixed an error where empty news items were displayed if the “feedCount” was higher than the available number of news items.
  • Improved the way that the “feedCount” setting works in order to be able to load the total available items or a variable number of items up to a specified limit.

1.5 (10 May 2014):

  • Improved the way that the layout works.
    • Improved the layout behaviour when the ticker is responsive.
    • Fixed an issue in page layouts with subpixel precision.
    • Fixed an issue with the news items stacking on top of each other.
  • Added a new setting to specify the target page of links for loaded content.
  • Added a new setting to specify the path to the Twitter loading file.
  • Updated the files and instructions with the new Twitter API key names.
  • Updated the initialization code.
  • Updated the guide.
  • Updated jQuery to the newest version.

1.4 (13 February 2014):

  • Improved the RSS file loading options. Now there are 2 loading options available.
  • Added an example RSS file.
  • Updated the instructions.
  • Updated the guide.
  • Fixed a couple of bugs.

1.3 (10 February 2014):

  • Added a new setting to specify the type of scrolling, either continuous, with no interruption, or discontinuous, leaving empty space once the list finishes scrolling and before starting again.
  • Added a new setting to specify the start position of the scrolling, either from inside or from outside.

1.2.3 (22 August 2013):

  • Fixed a bug that was causing the news not to display properly when the width was set as responsive and the window was resized.

1.2.2 (15 August 2013):

  • Updated the code of the effects so that the first list items animate as well.
  • Fixed a bug that was causing a delay in the refresh of the loaded RSS feed.

1.2.1 (26 June 2013):

  • Made an update to the Twitter feed functionality to work with the 1.1 update of the Twitter API.

1.2 (13 February 2013):

  • Added a setting to control the automatic refresh of dynamically loaded data at an interval of time.
  • Added a method to be able to call the refresh through code, if needed.

1.1 (9 February 2013):

  • Updated the guide.
  • Updated the code.
  • Updated instructions.
  • Updated file structure.

1.0 (21 May 2012):

  • Launched.

➡ How to get this product ⬅