AJAX Scroller is a module for Joomla that displays your site's articles, images, banners and RSS feeds using vertical scrolling, horizontal scrolling or fade transitions.
Use it for newsflashes, testimonials, image galleries and other rotating content. AJAX preloads upcoming items so visitors can move through the content without refreshing the page. Once all items have been fetched, scrolling continues without further content requests.
Show one item or several items at once, set a maximum number of items, and choose autoplay or manual navigation. Display titles, dates, text, images and read-more links, or create an images-only gallery. You can also remember the last viewed item and preload all items when AJAX is turned off.
New in version 3.1.0: Joomla 3.10 support alongside Joomla 4, 5 and 6. The original MooTools scrolling effects are retained, with bundled Core and More libraries loaded automatically only when missing.
Run multiple scrollers on the same page, each with its own settings and CSS styling. Optional VirtueMart and K2 sources require component versions compatible with your Joomla installation. Twitter integration requires valid API credentials and access.
See what others are saying about AJAX Scroller, or view the demo.
- Compatible with Joomla 3, 4, 5 and 6
- Displays Joomla articles, images, banners and RSS feeds
- AJAX preloading of upcoming items without refreshing the page
- Stops content requests once all items have been fetched
- Displays and scrolls one or several items at a time
- Configurable maximum number of items and remembered position
- Vertical scrolling, horizontal scrolling and fade transitions
- MooTools scrolling effects: linear, expo, bounce, back and elastic
- Select articles from one or more categories and filter featured articles
- Multiple ordering options, including random order
- Optional titles, dates, images and read-more links
- Display intro text, full text or both, with configurable text limits
- Images-only galleries with optional links to the original images
- Previous/next navigation, autoplay, Play/Pause controls and adjustable delay
- Option to preload all items with AJAX turned off
- Multiple module instances on the same page with individual settings
- Custom CSS for dimensions, navigation and appearance, including a separate styleID.css for each module
- Display modules inside articles using the Joomla loadposition plugin
- Retains MooTools and loads bundled Core/More only when missing
- Optional VirtueMart and K2 sources with compatible components; Twitter requires API access
As always, thanks for the great support and of course the nice module! Works like a charm!
Robert Kleinpeter, urenco.com
Thank you for developing this wonderful Joomla module.
Andrei Henriksan, stgregoryschool.org
I love your AJAX Scroller -- it is very, very customizable.
Vicki Payne, bearwebdesign.com
It's the only extension I could find that did image rotation using a folder of our choice, opens links in new windows, with other suitable options, and which has a tracking system, albeit via the banner component. Excellent!
Mary O
Thanks for the work that you provided for the AJAX Scroller. The module is working perfectly and I am very happy with the results.
David M. Bertnick, iapsp.net
Your program saved my website since it is totally based on Twitter feeds. It was constantly hitting the Twitter limit until your module and the built-in caching came along! AJAX Scroller rocks!
Chris Liu, thefoodtrucker.com
Wow, this is an amazing piece of work. I love this module!
Rose Bowen, rosebowen.com
Much easier than using the other slideshow. I bought two copies of your script. They are well worth the money.
Valerie Stroud, demolitionengineers.net
I tested half a dozen different modules and this one is by far the best. Also, the price is too low. ;P
Dimosthenis Chatzipanteliadis, medi-gene.gr
Excellent tool. In particular the latest version makes it very useful to present the user even a long list of items. Easy to implement and works. CSS can be changed if needed.
Uli Schauenberg, derwebprofi.de
AJAX Scroller is one of the best Joomla modules I've ever purchased. Now the newest version seems the best.
Mohd Faizal, sktasekdermawan.net
The plugin works perfect! I will be purchasing more of these in the future. Great job.
Brian Brown, adranch.com
Sakic.Net's AJAX Scroller is an awesome Joomla addition that now supports RSS and Twitter feeds.
Tony Lindskog, Joomla Views
Make sure that the file: modules/mod_ajaxscroller/mod_ajaxscroller.php has execution rights (CHMOD 644). If directories modules/mod_ajaxscroller/ and modules/ are CHMOD 777 change them to 755.
If you use special .htaccess rules for extra security make sure you exclude module/mod_ajaxscroller/ to allow script execution from this directory.
Try to access the file directly through your browser (http://www.domain.com/modules/mod_ajaxscroller/mod_ajaxscroller.php?m=1&d=next&c=0). You should get a text response and not Error 500 nor Error 403.
Another reason why the module doesn't scroll can be a JS error. Check that you don't have JS errors in your browser. A common cause of the error is a conflict with jQuery. If your site uses this JS library it may collide with Mootools, Joomla native JS library of choice which is also used by AJAX Scroller. In that case make sure that the jQuery is implemented in no-conflict mode by modules that use it. Another reason for JS error can be double inclusion of Mootools. If Mootools is already included on your site (in most cases it is), do not choose option to include it in AJAX Scroller parameters. Lastly, use tools like Firebug for Firefox to ensure your site is free of javascript errors.
If you are confused just email us the URL where you installed the module and we will quickly diagnose the problem.
To change the module's width and height, its background, navigation buttons position and do other styling edit the file: modules/mod_ajaxscroller/assets/css/style.css.
If you have multiple modules on same page you can do individual styling by creating and uploading a css file with module ID: modules/mod_ajaxscroller/assets/css/styleID.css. For example, if your module ID is 51 you would name the file "style51.css". Also change the class names within the file to match your module's ID. There is an example css file (modules/mod_ajaxscroller/assets/css/styleID.css) included which you can edit for this purpose. You are welcome to copy the css files from the AJAX Scroller demo site and use them. For more detailed tutorial see this post: Tutorial: Styling AJAX Scroller module
If you need help styling your module we can do it for you very quickly for only 10 EUR.
Order the customization here.
You can display AJAX Scroller within an article of your Joomla! site following these instructions:
- In the "Text" area of the article enter: {loadposition user9} (on Joomla! 1.0: {mosloadposition user9})
- Now go to your module manager and edit AJAX Scroller module.
- Assign the module to position "user9" and select show on "All" pages in "Menu Assignment" selection.
Make sure you have set "Strip tags" to No in AJAX Scroller parameters. If you have "Char limit", it will still strip some HTML tags. So if you want to keep the formatting also set the "Char limit" to 0 (no limit). This will make AJAX Scroller keep all HTML from the article.
First make sure you run AJAX Scroller 2.5.1 or later. Older ones use old version of API that Twitter retired.
Twitter API allows clients to make limited number of requests per hour. In order to keep AJAX Scroller below this limit activate caching in parameters (AJAX Scroller module > General Settings > Cache), set cache time to 1 minute.
Also make sure your Joomla caching works correctly and you don't have any permission problems. You can do so refreshing your frontend and going to Site > Maintenance > Clear Cache. You should see mod_ajaxscroller Cache Group and number of files created should be greater than 0.
You need to register an app on dev.twitter.com. Click here for detailed instructions on how to do that.
Use Yahoo pipes. See this blog post: Multiple RSS feeds in AJAX Scroller
Use Twitter lists. See this blog post: Display tweets by multiple users with AJAX Scroller