以下のリンクのように、画像スライド ショー用の優れたツールを見つけました。
http://thiagosf.net/projects/jquery/skitter/
複数の効果を使用して画像スライドをすばやく設定できますが、残念ながら、スキッターに表示されているように、画像のフェードイン/アウトを使用し、ナビゲーションを使用しない画像効果を使用することはできません。例 2 に示すように、skitter を使用して効果を再現できるかどうかはわかりません。
スキッターに次のコードを使用していますが、目的の効果が得られません。「ドット:false」を設定すると
- ドットを非表示にしますが、不要な番号ナビゲーションを自動的に表示します。
- 画像をフェードイン/アウトしたいのですが、スクリプトでそのオプションを見つけることができません。
私は何か間違ったことをしているのですか、それとも探している効果がスキッタースクリプトでは不可能ですか
$(document).ready(function() {
$(".box_skitter_large").skitter({
numbers_align: "center",
dots: true,
preview: false,
focus: true,
focus_position: "leftTop",
controls: false,
controls_position: "leftTop",
progressbar: true,
progressbar_css: {
top:'0px',
left:'0px',
height:0,
borderRadius:'0px',
width:0,
backgroundColor:'#000',
opacity:.7
},
animateNumberOver: { 'backgroundColor':'#555' },
enable_navigation_keys: true
});
});