O'Reilly logo

OpenCart 1.4 Template Design Cookbook by Tahsin Hasan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Different effects with the cycle plugin

We have installed the jQuery cycle with our store shop. jQuery cycle comes up with many different options and effects. We can bring attractive changes to our product images with these options and effects.

Getting started

We need jQuery enabled for the jQuery cycle to work with our store shop. We have already shown how to install jQuery in an earlier recipe.

How to do it

Following is the list of available jQuery cycle options.

Let's discuss each option:

  • fx: The name of the transition effect. We can use comma-separated names, e.g.: fade, scrollUp, shuffle:
    fx: 'fade',
    
  • timeout: We set the time between slide transitions. It is in milliseconds and 0 to disable auto advance:
    timeout: 4000,
    
  • timeoutFn: This is the callback ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required