Accessible News Slider plugin for jQuery — the final release

I have made a final adjustment to the Accessible News Slider plugin for jQuery, and I will no longer be supporting new releases or feature requests. The primary purpose behind building this plugin was to demonstrate that dynamic components can be accessible if appropriate steps are taken. This has been a successful experiment, and I still get quite a bit of traffic for the plugin.

Unfortunately, most of the feature requests that I receive do not take accessibility into account. Many of them are both interesting and usable, but not necessarily accessible. For this reason I am releasing the final version completely into the public domain. The plugin has always been available under the GNU GPL, but you may now use it to suit any of your project needs.

You will always find the support page at http://www.reindel.com/accessible_news_slider.

Enjoy!

  • Posted by Brian
  • August 29th, 2007

Leave a Comment

Comments are moderated. No profanity. Only <a>...</a>, <blockquote>...</blockquote>, and <code>...</code> are allowed.

Seperate paragraphs by pressing the "Enter" key twice, or press it once to break to a new line.

6 Comments

#01, Jan 28 2008

Rob Curry

Hi,

How would i go about removing the “view all” and “totals” from the slider? The slider fits my needs perfectly but i dont want the user to have the option to view all as it will mess up the site.

Thanks,
Rob

#02, Jan 29 2008

Brian

Hey Rob,

Unfortunately, there is no “easy” way to remove that functionality. However, if you open up the JavaScript, and remove this:

jQuery(".view_all > a", this).click(function() {
aNewsSlider.vAll(settings,this);
return false;
});

And edit this:

if (jQuery(".view_all",p).width() == null) {
jQuery(".news_items",p).prepend("<p class='view_all'>" + s.newsHeadline + " [ " + itemLength + " total ]  -  <a href='#' rel="nofollow">View All</a></p>");
}

To be this:

if (jQuery(".view_all",p).width() == null) {
jQuery(".news_items",p).prepend("<p class='view_all'>" + s.newsHeadline + "</p>");
}

You should be in good shape.

#03, Feb 07 2008

rumyan

Hi,
what about diffrent images width.
I put image width from gallery script (everytime it’s diffrent).
I have problem with:
- it’s to short so i get 2 or more rows.
How can i fixed it?

#04, Feb 07 2008

rumyan

Hi,
what about diffrent images width.
I put image width from gallery script (everytime it’s diffrent).
I have problem with:
- div class=”container fl” style=”width: this px;” - it’s to short so i get 2 or more rows.
How can i fixed it?

#05, Feb 07 2008

Brian

Hey Rumyan,

Unfortunately, the slider does not support variable lengths for each image or news story. Each one must be the same length, and every two must match the container width like in the demo.

#06, Aug 11 2008

Doug

Thanks for this script. Is there an easy way to change the left-right scrolling to up and down?