Hello! We have released a new version of Likno Web Scroller (jQuery Slider) Builder: Version 2.0 build #130.

Check out What's New

- Added a user-friendly WYSIWYG CSS Editor for all CSS-related properties, making the software much easier to use.

jquery slider scroller css editor

- Added Example 12 (BBC mockup): Similar scroller to the live scroller on bbc.com (as of Jan 29, 2013). Use of a "Bullets" only navigation. Use of "Arrow CSS Classes" and "Arrow Container CSS Classes". Use of "Pause when mouse is over the Scroller". Use of "Content CSS Classes".

jquery slider scroller bbc

- Added the ability to change the "Navigation Buttons" order.

- Added the "Arrow button speed multiplier" feature.

- Added the "Center the selected item" feature.

- Added the "Content CSS Classes" property.

- Added support for jQuery 1.8.

- Major rewrite in the transition effect engine (smaller, more flexible & more efficient).

- Fixed a bug in the "Play/Pause" reverse toggle button.

All features here: http://www.likno.com/jquery-scroller/index.php

Download the new version of our web scroller (jquery slider) builder at http://www.likno.com/jquery-scroller/download.php

 

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

 

Hello! We have released a new version of Likno Web Scroller (jQuery Slider) Builder: Version 1.0 build #124.

Check out What's New

- Added Example 10 (Google Analytics mockup): Similar scroller to the live scroller used on Google Analytics (as of Oct 9, 2012). Use of a "Bullets" only Navigation Bar. Use of "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller".

HTML jQuery slider scroller Google Analytics mockup example

- Added Example 11 (WordPress mockup): Similar scroller to the live scroller used on WordPress (as of Oct 15, 2012). Use of character-based (HTML) "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller". Use of "Slide" effect.

HTML jQuery slider scroller WordPress mockup example

- Added the Fade "blending" options.

Slider Scroller Fade Blending

- Added the "Rewind" option when the "Transition" is of the "Continuous" type.

Slider Scroller Rewind

- Added a Vertical Offset (or Horizontal for vertical scrollers) to the Navigation Arrows.

HTML Slider Scroller Arrows Offset

- Updated all Examples that were using CSS-based vertical arrow offsets to use the new property instead.

- Fixed an issue where the style was changing when using the item Link property.

- Fixed an issue where IE produced a horizontal scrollbar if the parent of the positioning item had a fixed width & height AND 'float: left;'.

- Fixed an issue where items with links had a border in IE.

All features here: http://www.likno.com/jquery-scroller/index.php

Download the new version of our web scroller (jquery slider) builder at http://www.likno.com/jquery-scroller/download.php

 

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

 

Hello! We have released a new version of Likno Web Scroller (jQuery Slider) Builder: Version 1.0 build #122.

Check out What's New

- Created the Microsoft Expression Web 4 Add-in (EW4), so that users of Expression Web 4 can link and position their scrollers inside their pages through this Add-in.

- Added Example 09 (Amazon mockup): Similar scroller to the live scroller used on Amazon (as of October 2, 2012). Use of Navigation Arrows. Use of a "Page Numbers" only Navigation Bar ("Custom"). Use of rounded corners on "Container Area CSS".

HTML jQuery slider scroller Amazon mockup example

- Added the "None" option at the "Initially Selected Item" property, so that the scroller appears with no item in "selected" state.

- Changed the "Initially Selected Item" of "Example 06" to "Random", so that the scroller (slider) shows a random content when it initially appears.

- Improved the "fade" sub-effects to be more visible.

- Fixed a Navigation Bar issue where an extra space was added after the last page number.

- Fixed an issue regarding the Width option "Auto (variable): Different for each item".

- Fixed an issue with loading multiple scroller projects to a page.

- Fixed an issue with the combination of "Automatic Play (slideshow)" & "Step by Item" & "Random".

- Added the ability to insert and use custom values inside the page before the "Linking Code" section in order to override several internal project options.

- Fixed a positioning issue for "Floating" scrollers that used the "Relative to Element" or "Relative to Image" positioning option.

- Fixed an issue with the positioning of Navigation Arrows when they were "Embedded" inside a vertical scroller (jQuery slider).

- Fixed a Safari-related issue where the item separators appeared wider.

- Fixed an issue with the fonts in the Top/Bottom/Left/Right areas.

All features here: http://www.likno.com/jquery-scroller/index.php

Download the new version of our web scroller (jquery slider) builder at http://www.likno.com/jquery-scroller/download.php

 

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

 

Dear Likno users, we are pleased to announce that we have just released our new product: The Likno Web Scroller Builder!

Likno Web Scroller Builder is a feature-rich tool for creating stylish, html scrollers/sliders for your web pages, with minimal effort and coding.

jQuery scroller/slider 1jQuery scroller/slider 2

View interface screenshots

Major Features
  • Rich and powerful interface!
    web scroller interface
  • Cross-browser
    Javascript engine supports all browsers, such as IE, Firefox, Chrome, Safari, Opera, Mozilla, Konqueror and more.
  • Cross-platform
    Javascript engine supports all platforms, such as Windows, Mac OS X, Linux, smartphones (iPhone, Android, Windows Phone, BlackBerry 6+) and more.
  • Cross-editor
    Works with all authoring tools (such as Dreamweaver, Expression Web, NetObjects Fusion, CoffeeCup, etc.), even a simple text editor!
  • Cross-CMS
    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.
    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.
  • 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
  • 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
  • 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.
    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 properties
    scroller navigation bars
  • 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 propertiesscroller navigation arrows
  • Use Bullets to show paging (or even navigate through the scroller items).
  • Set a specific scroller item to be initially selected (on page load).
  • 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 (if
    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.

All features here: http://www.likno.com/jquery-scroller/index.php

Download here: http://www.likno.com/jquery-scroller/download.php

 

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows