Ashenvale
Ashenvale

Reputation: 111

Vertical tiny carousel autoplay horizontally

I'm using tiny carousel for my current school project. everything is working fine except for the autoplay.

Here is the code for autoplay and animation config:

$("#upcoming").tinycarousel({ interval: true });
var upcoming = $("#upcoming").data("plugin_tinycarousel");

upcoming.start();
//for carousel
$("#upcoming").tinycarousel({
      axis   : "y",
      animationTime: 500,
      infinite: true
});

When I included

$("#upcoming").tinycarousel({ interval: true });
var upcoming = $("#upcoming").data("plugin_tinycarousel");

upcoming.start();

My carousel that animates vertically is now horizontal. Can anyone tell me why is this happening?

Upvotes: 0

Views: 1564

Answers (1)

Ivanka Todorova
Ivanka Todorova

Reputation: 10219

By default the plugin's setting axis is x = horizontal. You need to set it to y.

$("#upcoming").tinycarousel({ interval: true, axis: 'y' });
var upcoming = $("#upcoming").data("plugin_tinycarousel");

upcoming.start();

Upvotes: 1

Related Questions