O'Reilly logo

Isomorphic Go by Kamesh Balasubramanian

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

The carousel cog

In this example, we will be creating an image carousel cog, as depicted by the wireframe design in Figure 9.11.

Figure 9.11: A wireframe design depicting the carousel cog 

The carousel cog will be powered by the tiny-slider widget which is implemented in vanilla JavaScript. Here's the URL to the tiny-slider project: https://github.com/ganlanyuan/tiny-slider.

We place the JavaScript source file for the tiny-slider widget, tiny-slider.min.js in the cog's static/js folder. We place the CSS files associated with the tiny-slider widget, tiny-slider.css, and styles.css in the static/css folder.

The carousel cog that we will build ...

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