帮我写个完整的discuz DIY幻灯片模板 加上css和js

好的，我会尽力为您写一份完整的 Discuz DIY 幻灯片模板，包括 CSS 和 JavaScript 代码。

首先，我们需要在 Discuz 后台中创建一个新的 DIY 模板。在“模板管理”中，点击“新建模板”，输入模板名称（例如“幻灯片模板”），然后点击“确定”。

接下来，我们需要为幻灯片模板添加一些 HTML 代码。在 DIY 模板的“模板HTML”标签中，输入以下代码：

<!-- 幻灯片模板开始 -->
<div id="slider">
  <!-- 幻灯片图片 -->
  <div class="slide">
    <img src="{IMG_URL}slide1.jpg" alt="幻灯片 1">
  </div>
  <div class="slide">
    <img src="{IMG_URL}slide2.jpg" alt="幻灯片 2">
  </div>
  <div class="slide">
    <img src="{IMG_URL}slide3.jpg" alt="幻灯片 3">
  </div>
  <!-- 幻灯片按钮 -->
  <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
  <a class="next" onclick="plusSlides(1)">&#10095;</a>
</div>
<!-- 幻灯片模板结束 -->

在这段代码中，我们定义了一个名为“slider”的 div 元素，用于包含幻灯片内容。然后我们定义了几个名为“slide”的 div 元素，用于包含幻灯片图片。每张幻灯片图片都是一个 img 元素，其 src 属性引用了图