LogoParade

{TKLib}{LogoParade autoScrollingInterval="number" autoScrollingStep="number" width="value" height="value"}{LPAdd image="URL" alt="alt text" url="URL"/}...{/LogoParade}{/TKLib}

A LogoParade is a great way to present his work or conveyor. But you can use it as moving slider too.

Params for TKLib:

This tag has no parameters. The tag includes the libs from Thomas Kahn. Thomas has written a very good library and documentation. Read it, if you want other option setting in the LogoParade.

Info: We will support more tags to this library in the future..

Params for LogoParade:

width: Width of the Logoparade, default is 50%. Hint: If the LogoParade not scrolled use a lower value for width.

height: The height of the LogoParade, defaut is auto.

autoScrollingInterval: Sets the number of milliseconds between each scroll step. A larger number will make scrolling slower since the scrolling will wait longer before taking the next step. If you'd compare scrolling with an animated movie, this option would be the equivalent of the number of frames per second in the movie. Default is 10.

autoScrollingStep: Sets the step length (pixel) for the auto scrolling. A larger number will make the auto scrolling faster but also make it appear as less smooth. Default is 1.

Params for LPAdd:

image: The URL of the image e.g. "/images/myImage.png"

alt: The alt text for the image.

url: A URL for a href e.g. "https://www.jplugger.com"

Based on Smooth Div Scroll.

The LogoParade will be stopped on user interaction.

How to use it:

{TKLib}
 {LogoParade autoScrollingInterval="20" width="35%"}
  {LPAdd image="/images/jplugger-logo.png" alt="JPlugger Site" url="https://www.jplugger.com"/}
  {LPAdd image="/images/smooth-touch-scroll-preview-logo.png" alt="jQuery Smooth Div Scroll" url="http://smoothdivscroll.com"/}
  {LPAdd image="/images/finwick-logo-klein.png" alt="FINWICK Site" url="https://www.finwick.de"/}
  {LPAdd image="/images/jplugger-logo.png" alt="JPlugger Site" url="https://www.jplugger.com"/}
  {LPAdd image="/images/smooth-touch-scroll-preview-logo.png" alt="jQuery Smooth Div Scroll" url="http://smoothdivscroll.com"/}
  {LPAdd image="/images/finwick-logo-klein.png" alt="FINWICK Site" url="https://www.finwick.de"/}
 {/LogoParade}
{/TKLib}

Example:


JPlugger SitejQuery Smooth Div ScrollFINWICK SiteJPlugger SitejQuery Smooth Div ScrollFINWICK Site


Available for:

Tags: Tag, CSS, Java-Script, jQuery, Joomla!, JPlugger, LogoParade, TKLib, TouchScroller, ScrollMixedContent

PrintEmail

Advertising

© 2010 - 2017 FINWICK® UG

We have 34 guests and no members online