虽然我在其他领域相当有成就,但在编程方面我是一个完全的菜鸟(请不要为此太讨厌我)。我正在使用 jQuery Cycle 插件(来自http://jquery.malsup.com/cycle/)设计一个带有下一个/上一个按钮幻灯片的简单网站。这是我的javascript:
<script type="text/javascript">
$(document).ready(function() {
$('#Slider').cycle({
fx: 'scrollHorz',// choose your transition type, ex: fade, scrollUp, shuffle, etc...
speed: 600,
timeout: 0,
easing: 'easeInOutBack',
after: onAfter,
next: '#Next',
prev: '#Previous',
});
$(function() {
$('td pre code').each(function() {
eval($(this).text());
});
});
function onAfter(curr, next, opts) {
var index = opts.currSlide;
$('#Previous')[index == 0 ? 'hide' : 'show']();
$('#Next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
}
});
具有图像和 iframe vimeo 剪辑的幻灯片效果非常好,除非我单击“上一个/下一个”按钮并且 vimeo 视频没有停止(但当我观看下一张幻灯片时会在后台继续播放)。我在其他帖子中读过我应该合并一个 window.postmessage 命令,但我不知道如何去做。当我按下上一个/下一个时,我将在上面的代码中的何处以及如何插入一个命令来停止播放我的 vimeo 视频?