Reputation: 111
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
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