Features

Create cross-browser jQuery scrollers to display content (items) that scroll horizontally or vertically when visitors click on (or mouse over) special navigation arrows, bars, and more.

.. OR make the scroller behave as a "SlideShow": its items sliding (scrolling) automatically, one at a time, at specified duration and direction, with looping or not, pause on "mouse over" and more.

Use simple text, HTML code, images, videos (YouTube, etc.), animations, Flash as the content of your scroller items.

Create projects fast by using ready-made examples already installed in the application.

Universal: Use in all authoring tools (Dreamweaver, Expression Web, etc.) and CMS platforms (Joomla, Drupal, Wordpress, etc.).

Create any type of jQuery scroller, such as: html scroller, javascript scroller, css scroller, ajax scroller, web scroller, vertical scroller, horizontal scroller, marquee, ticker, dhtml scroller, jquery ajax scroller, etc.

Use any of 4 methods to populate your scrollers with content:

1. Scroller is populated by the project properties (within the application).
   OR
2. Scroller is populated by a UL/LI structure, located inside your page.
   OR
3. Scroller is populated by DIV elements, located inside your page.
   OR
4. Scroller is populated by an external feed, such as RSS, ATOM, XML.

Customize the style of your scrollers through CSS ("css scrollers").

Use the Thumbnail Bar feature to show a thumbnail bar of your scroller items.

Apply images creatively to create interesting scrollers (images on scroller items, images on different "areas" such as "Top", "Bottom", "Left", "Right", etc.).

Use multiple scrollers on the same page (with the same or different styling).

Use additional Areas to your scroller around the main "Items Area" for extra information (a title, a footnote, etc.): the "Top Area", "Bottom Area", "Left Area", "Right Area".

Enhanced Item Info. You are able to place the Item Info in Items Area - Top, Items Area - Bottom, Top Area, Bottom Area, Left Area, Right Area

Add dynamic content (database-driven or programmable) to your scrollers.

Use a tooltip on every scroller item (optionally), with plenty of styling options and dynamic HTML content.

Use a variety of transition behaviors (Continuous, Step by Item, Step by Page) and transition effects (Instantly, Fade, Slide), etc.

Use a variety of Navigation Bars to navigate through the scroller items. With CSS and dedicated properties to fully customize the appearance of "First", "Previous", "Next", "Last" buttons, text label, item numbers, background of the bar, mouse over effects and more.

The "Page Format" property of the Navigation Bar also lets you use your own string to show the current page, such as "%current_page% of %total_pages%" (example "1 of 5").

Use a variety of Navigation Arrows to navigate through the scroller items (combined with the Navigation Bar or not). With many CSS and dedicated properties to fully customize their appearance.

Use Bullets to show paging (or even navigate through the scroller items).

The "Positioning Offsets" property of the Navigation Bar also lets you achieve a desired distance from the selected corner (or side) of the "Items Area".

Use your own buttons anywhere on page, outside the scroller (slider) control as "Navigation Buttons" to navigate through the scroller items.

Set a specific scroller item to be initially selected (on page load), even a random one!

Use Rounded Corners around the scroller. Available in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others). You can adjust the roundness of each corner all together or even separately!

Apply a Shadow to the scroller, in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others).

Allow keyboard navigation on scrollers. The visitor can use the arrow keys to navigate through the items and the "P" key to "play/pause" their movement.

Use complete help for all properties and procedures. Press F1 while you are on a property to immediately receive Help for that property.

Access additional designs (examples) of interesting scrollers, besides the designs coming with the application (note: applies to "Unlimited Domains" users).

Powered by the popular jQuery open source library.

The produced jQuery scrollers (sliders) are fully cross-browser, i.e. they work alike in all browsers supporting DHTML and Javascript (like Firefox, Internet Explorer, Google Chrome, Opera, Mozilla, Konqueror, Safari and more).

Likno Web Scroller Builder will save you a significant amount of time and effort required to fully understand DHTML, Javascript and jQuery code for creating powerful web jQuery Sliders!

Examples