在幻灯片上切换img src

时间:2016-05-31 10:23:30

标签: javascript jquery html

我正在使用Maximage 2插件作为我的网站背景滑块,但如果我的滑块位于第三张图片,我想用我的徽标src更改该图片。

这是我的滑块

<div id="maximage">
            <img src="assets/img/slide-01.gif" class="img-responsive"/>
            <img src="assets/img/slide-02.gif" class="img-responsive" />
            <img src="assets/img/slide-03.gif" class="img-responsive" />
    </div>

这是我的徽标

<img id="logo" src="assets/img/logo.svg" class="img-responsive" alt="">

1 个答案:

答案 0 :(得分:0)

你可以在之前调用maximage&#39;中的回调。和&#39;之后&#39;过渡发生!
Maximage有cycleOptions个对象。根据官方文档,Here是您可以使用cycleOption对象传递的所有选项。 enter image description here

这是Fiddle
小提琴我在&#39;之后改变了标识的Src。回调,但你可以做任何你想做的事情。
你也可以使用&#39;之前&#39;回调。

Another Fiddle