0

我有两段代码需要一起使用。我试图以更清晰和简洁的方式再次问这个问题,因为阅读我的最后一个问题 - 甚至让我感到困惑。

我找到了需要做的事情,我只是不认为我做对了。

我需要做的是防止在 JS Slide 中播放无限循环。是的,幻灯片在 WP 中,所以要考虑将整个交换 $ 用于 jQuery。

这是主题作者说要修改代码的地方:

    <?php if (is_page_template('page-template-home-jquery.php') || is_page_template('page-template-home-jquery-sidebar.php')) { ?>
    <?php echo '<script type="text/javascript">
    // Homepage slider setup. Issued in the footer to accept user-set variables.
    jQuery(document).ready(function(){
jQuery(\'#slides\').slides({
      preload: false,
      //preloadImage: \'http://files.truethemes.net/themes/sterling-wp/ajax-loader.gif\',
      autoHeight: true,
      effect: \''.$truethemes_jslide_effect.'\',
      slideSpeed: '.$truethemes_jslide_speed.',
      play: '.$truethemes_jslide_delay.',
      randomize: '.$truethemes_jslide_randomize.',
      hoverPause: '.$truethemes_jslide_pause_hover.',
      pause: '.$truethemes_jslide_delay.',

  });
    });
    </script>';?>
    <?php } ?> 

这是“应该”完成我需要的,我发现它在其他网站上工作:

    $(function(){
    var total = $("#slides img").length - 2; // Subtract Two arrows
    $('#slides').slides({
    animationComplete: function(current) {
    if (current >= total) {
    clearInterval($('#slides').data('interval'));
    }
    },
    });

不幸的是,当我在我的网站上尝试它时,它会破坏自动播放并删除分页。

这是我为了让它发挥作用而设法拼凑起来的:

    jQuery(document).ready(function(){
    var total = $("#slides img").length - 2;
    jQuery('#slides').slides({
    animationComplete: function(current) {
    if (current >= total) {
    clearInterval($('#slides').data('interval'));
    }
    },
    preload: false,
    //preloadImage: 'http://files.truethemes.net/themes/sterling-wp/ajax-loader.gif',
    autoHeight: true,
    effect: 'fade',
    slideSpeed: 10000,
    play: 7000,
    randomize: false,
    hoverPause: true,
    pause: 7000,
    });
    }); 

您可能会注意到,我的工作不包括在我的主题中包含的原始代码中提取的“预设”设置(对我来说)。

我知道我没有正确执行此操作,并且可能不在正确的轨道上。我确实收到了“作者”的回复,他的指示是将其放在页脚并上传。不了解你,但我认为他或她应该假设我会在联系他们之前尝试过。所以,不用说……那是一场破产。

这是一个使用我尝试合并的代码的网站的链接:

http://alliancebrokeragecorp.com/

任何帮助将不胜感激。

4

1 回答 1

1

以防万一其他人在 WP 主题中尝试执行此操作时遇到问题,我想我会在这里发布解决方案:

    <?php if (is_page_template('page-template-home-jquery.php') || is_page_template('page-template-home-jquery-sidebar.php')) { ?>
    <?php echo '<script type="text/javascript">
    // Homepage slider setup. Issued in the footer to accept user-set variables.
    jQuery(document).ready(function(){
    var total = jQuery(".slides_container .home-slider-post").length;
    jQuery(\'#slides\').slides({
    animationComplete: function(current) {
      if (current >= total) {
      clearInterval(jQuery("#slides").data("interval"));
     }
   },
      preload: false,
      autoHeight: true,
      effect: \''.$truethemes_jslide_effect.'\',
      slideSpeed: '.$truethemes_jslide_speed.',
      play: '.$truethemes_jslide_delay.',
      randomize: '.$truethemes_jslide_randomize.',
      //hoverPause: '.$truethemes_jslide_pause_hover.',
     // pause: '.$truethemes_jslide_delay.',
  });
   });
 </script>';?>
 <?php } ?>
于 2012-08-27T12:19:54.337 回答