所以我使用 codrops 的教程来创建一个轮播。我对 JS 不是超级精通,或者在没有参考代码的情况下使用任何与 JS 相关的东西,所以我只是采用并修改了教程中的现有代码。我遇到的问题与环回有关。在使用轮播循环时,内容可以正常工作,但是当您打开其中一个项目并循环通过时,会导致轮播出现故障。
巨大的问题,因为当您按左右键时项目开始消失。有人能帮忙解决这个问题吗?
下面是我在网站页面上使用的代码。
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type='text/javascript' src='<?php echo get_template_directory_uri(); ?>/js/jquery.carouFredSel-packed.js'></script>
<script type="text/javascript">
jQuery(function () {
jQuery('#leaderthumbs').carouFredSel({
synchronise: ['#leaderdetails', false, true],
auto: false,
width: '100%',
items: {
visible: 3,
start: 0
},
scroll: {
onBefore: function (data) {
data.items.old.eq(1).removeClass('selected');
data.items.visible.eq(1).addClass('selected');
}
},
prev: '#prev',
next: '#next'
});
jQuery('#leaderdetails').carouFredSel({
auto: false,
items: 1,
scroll: {
fx: 'fade'
}
});
jQuery('#leaderthumbs div').click(function () {
$('#leaderthumbs').trigger('slideTo', [this, -1]);
});
jQuery('#leaderthumbs div:eq(1)').addClass('selected');
});
</script>