有没有办法在响应式幻灯片照片库的末尾添加文本内容？

Question

我正在Wordpress上开发一个网站，并且试图弄清楚如何在幻灯片的末尾添加文本以简化网站。 这个网站的帖子正是我想要的https://hypebeast.com/2017/7/calvin-klein-flagship-makeover

我试图“查看源代码”幻灯片，但未成功。 我想要相同的样式幻灯片。

有人可以帮忙吗？

Answer 1

您提供的第一个示例采用了无序列表元素<ul> ，并将其转换为幻灯片显示。 本示例使用名为“ FlexSlider”的插件。 这是FlexSlider的实现，带有“文本”页面，这是我一起破解的最后一张幻灯片：

<html>
<head>
<!-- Place somewhere in the <head> of your document -->
<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>
<!-- Place in the <head>, after the three links -->
<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>
</head>
<body>
<!-- Place somewhere in the <body> of your page -->
<div class="flexslider">
  <ul class="slides">
    <li>
      <img src="https://static.pexels.com/photos/248797/pexels-photo-248797.jpeg" />
    </li>
    <li>
      <img src="https://static.pexels.com/photos/230629/pexels-photo-230629.jpeg" />
    </li>
    <li>
      <img src="https://static.pexels.com/photos/248797/pexels-photo-248797.jpeg" />
    </li>

    <li class="slide related-posts-slide hidden-md hidden-sm hidden-xs flex-active-slide">
        <div class="col-xs-12">
            <p>You can put all of your content here, and treat it as it's own page.</p>
        </div>
    </li>
  </ul>
</div>
</body>
</html>

有没有办法在响应式幻灯片照片库的末尾添加文本内容？

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-07-31 17:32:36

有没有办法在响应式幻灯片照片库的末尾添加文本内容？

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-07-31 17:32:36

解决方案1
0 已采纳 2017-07-31 17:32:36