Jquery Simple RSS Feed

December 27, 2015

Github

A simple plugin for retrieving rss feeds. It takes each item in an rss feed and puts them in a div assigning what ever style classes you provide.

Usage

        Include scripts in the header.
        <script src="jquery-2.1.4.min.js"></script>//Required
        <script src="imagesloaded.pkgd.min.js"></script>//Optional for masonry
        <script src="masonry.pkgd.min.js"></script>//Optional
        <script src="SimpleRSSFeed.js"></script>//Required
    
        <!-- Make the container.>
        <div id="FeedContainer">
        </div>
    
        //Load the feed.
        $("#FeedContainer").getFeed({
            FeedURL: <Your Feed URL>,
            ItemClass: <Your style class for each feed item>,
            ItemTitleClass: <Your style class for each feeed items title>,
            ItemContentClass: <Your style class for each feeed items content>,
            //Anycall back function you want to run when feed is retrieved.
            callback: function () {
                //Sets up masonary layout.
                $grid = $('#FeedContainer').masonry({
                    itemSelector: '.FeedItem'
                });
                //Relayout when images are loaded.
                $grid.imagesLoaded().progress( function() {
                    $grid.masonry('layout');
                });
            }
        });