jQueryで動作するスライダーを
下段にある ● ❍ ❍ を背景に画像を指定して
ボタンを押す事で動作するよう、アレンジして設置していたのですが
───────────────────────────────────────────
※こういうスライダーです
http://kenwheeler.github.io/slick/
(実際に使ってるのは別のjavaScriptで他の方が作られたものです)
───────────────────────────────────────────
元々、CSSだけで描かれた丸の部分に
画像をオン、オフで2枚ずつ使っているのが原因なのか、
更新ボタンを何度も押して更新をしていると、
ボタン画像が出ない事があります
画像の質を下げたら改善するかと思って画質を下げたのですが
それでも出てしまうので、画質が直接な原因ではないと思います
スライドで出てくる画像とワンテンポ遅れて
ボタンが出て来るのでjavaScriptの設定などが原因かもしれません
解決方法をご存知の方がいらっしゃいましたら
ご指導のほどよろしくお願い申し上げます。
最小限の動いて確認できるコードがあれば回答がつくかもしれません。https://jsfiddle.net/ このサイトを活用すると便利です。
更新を繰り返して問題が起きたり起こらなかったりするのは画像の読み込みとJSの実行タイミングが原因のような気がします。この辺を見直してみてはいかがでしょうか。
jQueryのready()やload()のタイミングの違い - flatFlag
コメント(0件)