Question

第一次在Stackoverflow上，并希望得到客户Shopify网站上的FlexSlider问题的答案。以下是参考链接：http://fourflours.com。

注意通过幻灯片放映的第一个周期看起来都很好....但是让它播放第二次，你会发现幻灯片循环经过第一张幻灯片并立即显示第二张幻灯片。下面是我要提取的jQuery文件：

http://cdn.shopify.com/s/files/1/0315/9969/t/5/assets/jquery.flexslider.js?6056

请随时查看源代码以获取我正在处理的代码的完整参考，我已经评论了与FlexSlider幻灯片显示有关的所有内容。

并澄清我们要做的事情 - 我们只需要让幻灯片正确循环（就像第一次一样）而不是跳过任何幻灯片重复回来。

提前感谢任何能够为此提供第二眼的人！ - 安东尼

*编辑以下是与此特定问题相关的一些代码 -

在＆lt;＆lt;内容中链接的javascript / css文件头＆gt;网站的一部分（从源代码第43行开始）：

•Javascript文件：//cdn.shopify.com/s/files/1/0315/9969/t/5/assets/jquery.flexslider.js?6127

$(function(){
    SyntaxHighlighter.all();
 });
 $(window).load(function(){
    $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
           $('body').removeClass('loading');
        }
     });
 });

从源代码的第336行开始，滑块的实际HTML部分开始，这里是代码：

    <div class="flexslider"><ul class="slides">
      <!-- edit slides below / don't edit above here -->
    <li><a href="/pages/our-products"><img src="//cdn.shopify.com/s/files/1/0315/9969/t/5/assets/slideshow-1.jpg?6127"></a></li>
    <li><a href="/pages/our-products"><img src="//cdn.shopify.com/s/files/1/0315/9969/t/5/assets/slideshow-2.jpg?6127"></a></li>
    <li><a href="/collections/gifts"><img src="//cdn.shopify.com/s/files/1/0315/9969/t/5/assets/slideshow-3.jpg?6127"></a></li>
    <li><a href="/collections/platters"><img src="//cdn.shopify.com/s/files/1/0315/9969/t/5/assets/slideshow-4.jpg?6127"></a></li>
      <!-- end edit slides / don't edit below here -->
    </ul>
    </div>

  <script type="text/javascript" src="//cdn.shopify.com/s/files/1/0315/9969/t/5/assets/shCore.js?6127"></script>
  <script type="text/javascript" src="//cdn.shopify.com/s/files/1/0315/9969/t/5/assets/shBrushXml.js?6127"></script>
  <script type="text/javascript" src="//cdn.shopify.com/s/files/1/0315/9969/t/5/assets/shBrushJScript.js?6127"></script>

  <script src="//cdn.shopify.com/s/files/1/0315/9969/t/5/assets/jquery.easing.js?6127"></script>
  <script src="//cdn.shopify.com/s/files/1/0315/9969/t/5/assets/jquery.mousewheel.js?6127"></script>
  <script defer src="//cdn.shopify.com/s/files/1/0315/9969/t/5/assets/demo.js?6127"></script>

如果我能更好地描述一下，请告诉我。我再次成为S.O.的新手。我还没有100％明白发布这类事情的礼节。

Shopify网站上的幻灯片（FlexSlider）问题

0 个答案: