Likno Web Scroller Builder is a user-friendly interface (GUI) to the popular jQuery library, that allows you to create
html scrollers/sliders for your web pages, with minimal effort and coding.
- Rich and powerful interface!
(click the image below to see the application's interface)
Firefox, Chrome, Safari, Opera, Mozilla, Konqueror and
Windows, Mac OS X, Linux, smartphones (iPhone, Android,
Windows Phone, BlackBerry 6+) and more.
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!
Works with all
CMS and Blogs (such as WordPress, Joomla, Drupal, Typo3, DotNetNuke, Expression Engine,
CMS Made Simple, etc.).
- 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
- 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:
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)
2. Scroller is populated by a UL/LI structure, located inside your page.
3. Scroller is populated by DIV elements, located inside your page.
4. Scroller is populated by an
external feed, such as RSS, ATOM, XML.
- 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.).
2. Replace a page element (vs "insert into").
3. Replace an image of your choice.
4. Float, relative to the browser window (any corner).
5. Float, relative to a page element of your choice (any corner).
6. Float, relative to an image of your choice (any corner).
- 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
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
- 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.