現在、スライドギャラリーを作成しているのですが、ダブルクリックするとスライド画像がおかしな所にいくバグが生じてしまいます。当方、プログラミング関連にはうとく、どなたかご教授いただきたい次第です。下記URLが参考サイトです。よろしくお願いいたします。www.tpoint.co.jp/concept-story
とりあえず、sliderの</li>が余分なのが気になる。
すみません(汗直しました。ご指摘ありがとうございます。ただやっぱりバグは直らないです↓
アニメーションが終わらないうちに次のアニメーションが走っておかしな動きになってるので、クリックされたらそのボタンを押せないようにしたらいいのでは。bind.unbindに書きなおすのもよし、雑にやるならクリック後にボタンを消してしまうとか。
117行目あたり $next.click(function(){$next.hide(); //消して if (autoplay) { pauseFunc(); if ( !buttonsPause ) { restartFunc(); } }; animate("next");$next.show(); //また出す(animate関数のコールバックのほうがいいか) });
ありがとうございます!クリックしたらそのボタンを押せないようにしたら次のスライドに行く際は新しいボタンを生成しないといけないものでしょうか?ただ、クリック後にボタンを消すやり方はcssのbackgroundに全く同じ矢印をおいたらいけそうな感じですね!ちなみに書いてくださったコードはボタン消す方のコードでしょうか?
新しいボタンの生成ではなくdisplay:noneにしてまたblockにするということです。というかHTML内に書くんじゃなくてslide.js内を直接書き換えないと意味ないですよ。こういうの使うなら多少はjQuery分からないと厳しいと思うのであなた一人で解決しようとするのではなくて詳しい人にまかせたほうがいいと思います。
お返事遅くなり申しわけありません。おっしゃる通りいただいたコードをいれてもそのあとどうすればわからない始末でしたので知り合いのプログラマーの方に頼んでしてもらいました。色々とご協力ありがとうございました。
みんなの回答 2 件
とりあえず、sliderの</li>が余分なのが気になる。
アニメーションが終わらないうちに次のアニメーションが走っておかしな動きになってるので、クリックされたらそのボタンを押せないようにしたらいいのでは。bind.unbindに書きなおすのもよし、雑にやるならクリック後にボタンを消してしまうとか。
117行目あたり
$next.click(function(){
$next.hide(); //消して
if (autoplay) {
pauseFunc();
if ( !buttonsPause ) {
restartFunc();
}
};
animate("next");
$next.show(); //また出す(animate関数のコールバックのほうがいいか)
});
関連するトピックス