如何使用li标签和img滑动图像

Question

我想为我的模板商店页面生成一个基本的滑块。

代码将图像显示为一行。

<div id="product-list-insertline">
    <ul>
        {assign var='root_dir' value='/var/www/onlineshop'}
        {assign var='img_dir' value='/img/m/'}
        {assign var='counter' value=0}

        {for $a= 1 to 35}
            {assign var=datei value=$img_dir|cat:$a|cat:'.jpg'}
            {assign var=fe value=$root_dir|cat:$datei}

            {if file_exists($fe)} 
                {assign var='counter' value=$counter+1}
                <li><img id="man{$counter}" class="img-manufactur-carousel" src="{$datei}"></li>
            {/if}
        {/for}
    </ul>

</div>

我希望它在一段时间内移到左侧。 显示最后一张图像时，应该重新开始第一张图像的宽度。 我怎样才能在jQuery中完成这项工作？

Answer 1

jQuery本身没有什么可以轻松创建滑块的。这里有一些功能强大且已构建的滑块：尝试使用slick