如何为我的博客创建带有嵌入式链接的图像幻灯片？

Question

我对编程非常，非常非常新......老实说我什么都不知道。在过去一个月左右的时间里，我一直致力于改进我的博客，并且一直在使用大量的HTML编码，所以我有点开始理解它。

无论哪种方式，我已经做了很多基本的东西，我可以很容易地在网上找到...主要是提供给我的代码，我只需要将链接插入。我也开始玩改变代码的颜色和大小。

我目前的项目是，我想为我的博客创建幻灯片，该幻灯片将放在我的侧边栏中。目前我在我的网页上有我关注或支持的博客按钮...但是有太多，看起来很忙。我想将所有这些按钮放在幻灯片中，但仍然可以让人们在点击这些图像时重定向到其他博主。有人可以一步一步地告诉我如何做到这一点？如果您已经有一个代码提供，我可以用来插入我已经拥有的嵌入式链接代码，这将是伟大的！它需要大约240宽。

提前致谢！

Answer 1

大多数优秀的幻灯片库允许您将图像包装在链接中。我主要使用flexslider，html看起来像这样。

<div class="flexslider">
    <ul class="slides">
        <li>
            <a href="url"><img src="image" alt="alt"></a>
        </li>
        <li>
            <a href="url"><img src="image" alt="alt"></a>
        </li>
        etc...
    </ul>
</div>

使用flexslider（与许多优秀的幻灯片一样），<li>的内容几乎可以是任何内容，只是尽量保持它们的高度。