Question

我想知道是否可以将Flexslider事件与外部div绑定？我正在寻找一种方法来绑定外部

或根据正在查看的图片进行更改（准确的说明。）

这可能吗？

提前致谢。

Answer 1

你可以这样做：

<强> HTML：

<div id="slider" class="flexslider">
    <ul class="slides">
        <li>
            <img src="slide-1.jpg" /><!-- Your image/slide -->
            <span>Description 1</span><!-- Your description -->
        </li>
        <li>
            <img src="slide-2.jpg" /><!-- Your image/slide -->
            <span>Description 2</span><!-- Your description -->
        </li>
    </ul>
</div>

<强> CSS：

.slides {
    position: relative;
}

.slides li span {
    width: 500px;
    height: 40px;
    position: absolute;
    bottom: - 50px;
}

您可以根据需要定位slide li span （说明）。只需更改元素的位置即可。如果您希望相对于body放置说明，请从position: relatvie中删除.slides。

Fiddle Example

将Flexslider绑定到外部div？

1 个答案: