Okay, there is some work to do to get the carousel going.
First, you need to get the Owl carousel:
https://owlcarousel2.github.io/OwlCarousel2/
I have added a folder ‘owlcarousel’ in themes > default >
Here I have put the files:
owl.theme.default.css
owl.carousel.min.js
owl.carousel.css
The issue_carousel.tpl resides in template > frontend > objects
Here is the content:
{**
* templates/frontend/objects/issue_carousel.tpl
*
* Copyright (c) 2014-2017 Simon Fraser University
* Copyright (c) 2003-2017 John Willinsky
* Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
*
* @brief displays a carousel
*
* @uses $issue Issue The issue
*}
{assign var=issueTitle value=$carouselissue->getLocalizedTitle()}
{assign var=issueSeries value=$carouselissue->getIssueSeries()}
{assign var=issueCover value=$carouselissue->getLocalizedCoverImageUrl()}
<div class="obj_carousel_summary">
<div class="issue-metadata">
<div class="issue_cover">
{if $issueCover}
<a class="cover" href="{url op="view" page="issue" path=$carouselissue->getBestIssueId()}">
<img class="owl-lazy" data-src="{$issueCover|escape}"{if $carouselissue->getLocalizedCoverImageAltText() != ''} alt="{$carouselissue->getLocalizedCoverImageAltText()|escape}"{/if}>
</a>
{/if}
<a class="title" href="{url op="view" page="issue" path=$carouselissue->getBestIssueId()}">
{if $issueTitle}
<div class="series">
{$issueSeries|escape}
</div>{/if}
{if $issueTitle}
{$issueTitle|escape}
{else}
{$issueSeries|escape}
{/if}
</a>
</div>
{* Published date *}
{if $carouselissue->getDatePublished()}
<div class="published">
<span class="label"><i class="fa fa-calendar fa"></i></span>
</span>
<span class="value">
{$carouselissue->getDatePublished()|date_format:$dateFormatShort}
</span>
</div>
{/if}
</div></div>