jquery - 在jQuery Cycle中隐藏/显示寻呼机

我在shopify中使用周期进行产品幻灯片放映。效果很好，但是如果只有一个产品图像可用，我想隐藏寻呼机。

有没有为此内置的功能？

如果不是，是否有人知道如何返回shopify中可用于该产品的多少产品图像，因此如果小于2，我可以添加无显示类别。

任何帮助深表感谢。谢谢！

弄清楚了...只有存在图像时才加载周期2。

{% if product.images[2] != undefined %}
    <script type="text/javascript">
        $('#prodImages').before('<div id="prodnav">').cycle({
            fx:     'fade',
            speed:  1500,
            timeout: 5000,
            pager: '#prodnav'
});
    </script>
{% endif %}

最佳答案

您也只能通过以下方式在javascript中进行操作：

$(function() {
    $('#prodImages').before('<div id="prodnav">').cycle({
        fx: 'fade',
        speed: 1500,
        timeout: 5000,
        pager: '#prodnav',
        pagerAnchorBuilder: paginate
    });
});
function paginate(ind, el) {
    if (ind == 1) {
        return '<a href="#" class="activeSlide">1</a><a href="#">2</a>'
    }
    else if (ind > 1) {
        return '<a href="#">' + parseInt(ind)+1 + '</a>'
    }
}

添加pagerAnchorBuilder将调用一个功能（在本例中为分页）在导航中创建链接。它将忽略第一个索引元素，为第二个元素创建两个链接以补偿第一个元素，并为其他元素返回普通链接。
希望这可以帮助某人:)