Question

我正在使用jQuery UI缩放来缩放图像，并且在动画链中，链条工作得很好，我有一个箭头图像位于absolute并分配了top和{ {1}}属性，但随着链向前移动，图像跳转而不是在那个地方动画，我认为它与right有关，后来，我将有数百个{{1}如果有人会解释我为什么会发生这种情况，我将不胜感激。

我期待箭头图像加载到跳跃后出现的同一个地方..我想在同一个地方缩放

这是我尝试过的事情

display: none;

相关CSS

absolute

Demo

Answer 1

尝试隐藏li's而不是li img's喜欢，

<强> CSS

.three_circular_img ul li {
    margin-bottom: 40px;
    position: relative;
    display: none;
}
.three_circular_img ul li img {
}

<强> SCRIPT

$(document).ready(function () {
    $(".three_circular_img ul li:nth-of-type(1)").show("scale", {
        percent: 100
    }, function () {
        $(".three_circular_img ul li:nth-of-type(2)").show("scale", {
            percent: 100
        }, function () {
            $(".three_circular_img ul li:nth-of-type(3) ").show("scale", {
                percent: 100
            }, function () {}, 1000);
        }, 1000);
    }, 1000);
});

Demo

已更新要在arrow之后显示demo images，请尝试此操作

<强> CSS

.three_circular_img ul li img:nth-of-type(2) {
    position: absolute;
    right: -80px;
    top: 10px;
    display:none;
}

<强> SCRIPT

$(".three_circular_img ul li:nth-of-type(1) img:eq(1) ").show(1000);

Updated Demo

在动画jquery时，将绝对位置跳转到该位置

1 个答案: