私は他の分野ではかなりの経験を積んでいますが、何かをプログラミングすることに関しては完全な初心者です (だからと言って私を嫌いにならないでください)。jQuery Cycle プラグイン ( http://jquery.malsup.com/cycle/から) を使用して、次/前のボタンのスライドショーを備えた単純な Web サイトを設計しています。これが私の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 クリップを含むスライドショーは、Previous/Next ボタンをクリックして vimeo ビデオが停止しない場合を除き、完全に正常に動作します (ただし、次のスライドを見るとバックグラウンドで続行します)。window.postmessage コマンドを組み込むことになっている他の投稿を読みましたが、これについてどうすればよいかわかりません。上記のコードのどこにどのようにコマンドを挿入して、Previous/Next を押したときに vimeo ビデオの再生を停止しますか??