bxSliderのスライド内のリンクが効かなくなった際の対処方 | ウェブマガジン カミナリ | 鳥取県米子市のホームページ制作・広告代理店・デザイン
こんにちは。 佐藤です。 最近作業してて驚いたのですが、 スライダープラグインbxSliderがアップデート後のchromeで スライド内のリンクをクリックしても反応しなくなってました。 ※クロームバージョン: 73.0.3683.86(Official Build)(64 ビット)(windows) 同じ現象はbxSliderだけじゃないでしょうし 今後のchromeのアップデートで直る可能性も大いにあるのですが その保証もありませんし、いつになるかもわからないので対応策のご紹介です。 対応策① 「mousedown」で対策する //単純なタイプ、ページ内リンクだけの場合は基本これでＯＫ $(document).on('mousedown','.bx-viewport a',function(){ window.location.href = $(this).attr('href');
［JavaScript］bxSliderとlightBoxを組み合わせて、コンパクトなギャラリーページを作る-初心者のためのWEBデザイン教室
Webデザイン、Webサイト作成の流れ、Adobeソフト操作のちょっとしたコツ、SEOなど、ホームページを自分で作りたい初心者の方に分かりやすく解説します。 こんにちは！初心者のためのWEBデザイン教室、第19回目の授業です。 サイト制作中の生徒さんから、 ◆サムネイルをクリックすると画像が拡大するギャラリーページを作りたい。 ◆その際、たくさんのサムネイル画像を一覧で全て表示させるのではなく、縦スクロールが必要ないよう横にスライドさせたい との要望がありました。 なるほど、拡大画像はlightBox、スライダーはbxSliderというjQueryの有名プラグインでできそうですね。 ニーズにぴったりなプラグインを新たに探すというのも一つの手ですが、使い慣れたプラグインで実装できれば、それも良いですよね！ ということで、今回は既知のプラグインを組み合わせて、コンパクトなギャラリーページを作っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
