我有两段代码需要一起使用。我试图以更清晰和简洁的方式再次问这个问题,因为阅读我的最后一个问题 - 甚至让我感到困惑。
我找到了需要做的事情,我只是不认为我做对了。
我需要做的是防止在 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/
任何帮助将不胜感激。