Компонент SlideshowManager

<!DOCTYPE HTML>
<html>
<head>
  <title>[[++site_name]] - [[*pagetitle]]</title>
<meta charset="utf-8">
<noscript>
<link rel="stylesheet" href="assets/templates/td/css/5grid/core.css">
<link rel="stylesheet" href="assets/templates/td/css/5grid/core-desktop.css">
<link rel="stylesheet" href="assets/templates/td/css/5grid/core-1200px.css">
<link rel="stylesheet" href="assets/templates/td/css/5grid/core-noscript.css">
<link rel="stylesheet" href="assets/templates/td/css/style.css">
<link rel="stylesheet" href="assets/templates/td/css/style-desktop.css">
</noscript>
<script src="assets/templates/td/css/5grid/jquery.js"></script>
<script src="assets/templates/td/css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none"></script>
</head>
<body class="homepage">
<div id="wrapper">
  <header id="header">
   [[$header]]
  </header>
  <div id="page">
    <div class="5grid-layout">
      <div class="row">
        <div class="12u">
          <div id="banner">
           <div id="slider-wrapper">[[!jgSlideShow?]]</div>
          </div>
        </div>
      </div>
      [[$sidebar1]]
      [[$content]]
      [[$sidebar2]]
      </div>
    </div>
  </div>
</div>
[[$footer]]
</body>
</html>

<script src="assets/templates/td/css/5grid/jquery.js"></script>
<script src="assets/templates/td/css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none">

<div id="slider-wrapper">[[!jgSlideShow?]]</div>