私はjqueryuiを使用してローテーターに取り組んでおり、これを使用してホバー時に一時停止させることができます。
$(document).ready(function(){
$("#rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
$("#rotator").hover(
function() {
$("#rotator").tabs("rotate",0,true);
},
function() {
$("#rotator").tabs("rotate",5000,true);
}
);
});
この唯一の問題は、リストの最後のアイテムで停止し、作成しない限り最初のアイテムを回転しないことです。
$(document).ready(function(){
$("#rotator > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
$("#rotator").hover(
function() {
$("#rotator").tabs("rotate",0,true);
},
function() {
$("#rotator").tabs("rotate",5000,true);
}
);
});
しかし、ホバーは機能しません。
リストを循環してホバーで一時停止する方法はありますか?