• Likno Web Scroller jQuery Slider Builder: Create cross-browser, feature rich html scrollers & sliders for your web sites!
  • Login

Likno Web Scroller Builder
User Interface for creating any type of jQuery scroller: html scroller, javascript scroller,
css scroller, ajax scroller, web scroller, vertical scroller, horizontal scroller, dhtml scroller, jquery ajax scroller, etc.

Save time

No Code - WYSIWYG
Rich UI - For All Browsers
Any Editor - Any CMS

Likno Web Scroller Builder is a user-friendly interface (GUI) to the popular jQuery library, that allows you to create stylish, feature-rich, cross-browser html scrollers/sliders for your web pages, with minimal effort and coding.

jQuery scroller/slider 1 jQuery scroller/slider 2
jQuery scroller/slider 3

Major Features

Watch a quick overview of Likno Web Scroller Builder


Rich and powerful interface!
(click the image below to see the application's interface)


Cross-browser

Javascript engine supports all browsers, such as IE, Firefox, Chrome, Safari, Opera, Mozilla, Konqueror, OmniWeb and more.

javascript browser support

Cross-platform

Javascript engine supports all platforms, such as Windows, Mac OS X, Linux, smartphones (iPhone, Android, Windows Phone, BlackBerry 6+) and more.

smartphones javascript support

Cross-editor

Works with all authoring tools (such as Dreamweaver, Expression Web (with special Expression Web Add-in), NetObjects Fusion, CoffeeCup, etc.), even a simple text editor!

CSS HTML editors support

Cross-CMS

Works with all CMS and Blogs (such as WordPress, Joomla, Drupal, Typo3, DotNetNuke, Expression Engine, CMS Made Simple, etc.).

CMS support

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.

scroller slideshow

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.
jquery slider scroller RSS ATOM XML feed jquery slider html scroller RSS ATOM XML feed example

Position your scrollers easily on page and anywhere you like, with many options:

  1. Insert into a page element of your choice (div, span, td, etc.).
    OR
  2. Replace a page element (vs "insert into").
    OR
  3. Replace an image of your choice.
    OR
  4. Float, relative to the browser window (any corner).
    OR
  5. Float, relative to a page element of your choice (any corner).
    OR
  6. Float, relative to an image of your choice (any corner).

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

CSS on scrollers

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

jQuery Slider with Thumbnail Bar

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".

html scroller areas

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

item info on jQuery Slider Scroller

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.

html scroller tooltips

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

html scroller transition effects

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.

scroller navigation bar example scroller navigation bar properties scroller navigation bars

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").

jquery scroller/slider navigation bar pages property jquery scroller/slider navigation bar pages

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.

scroller navigation arrows example scroller navigation arrows properties scroller navigation arrows

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

scroller bullets example sample scroller bullets

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".

jquery slider/scroller navigation bar offsets property jquery scroller/slider navigation bar offsets

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

jquery slider/scroller external navigation buttons

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

jquery slider (scroller) random

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.

scroller keyboard navigation

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

Client Testimonials

more testimonials

Awarded as top software by several reviewers

more awards