sliderproの画像をクリックしたら別のページへ飛ばす方法

2015年3月25日

mikaduki

sliderproでリンクをつけようと思ったら、上手く行かないので、ライトボックスっぽい奴を動かしてるプログラムに無理やりurl取得してlocation.hrefしてリンクを飛ばしました。

問題のコード

ものが動かないのでコードだけで。
とりあえず設定値やsliderproの詳しい説明は、ここに全部載ってる

パラメータで何とかならないのかな

Githubにあるサンプルを見てると、ふっつーにAタグで囲んでるんですよね。これでリンク飛べてるのか、コードだけでそのDEMOが無いから分からんのですけど、IE8もエミュレーター上では対応してるこの丁寧なプログラムに限って画像クリックしたらリンク飛べないみたいなことは無いと思うんです。なんか設定値があると思うんですけどねー。わかんないので、もう無理やりです。問題起きなきゃ良いなぁ･･･。

Laravel関連記事

2020年11月19日

Laravelで承認リンクやメール認証URLのパラメータを安全に扱う方法（バリデーション付き）

2025年4月2日

マジで爆速でLaravelエンジニアになる方法はこれしかない（無料）

2025年4月3日

【Laravel入門】ルーティングの基本と実践活用まとめ：仕組み・書き方・落とし穴まで

2025年4月9日

Laravel Controllerの“万能感”、そこに幸せはあるのかい？

2025年4月10日

FormRequestのポテンシャル、半分も出せてない説

2025年4月10日

LaravelのEloquentは知ってる。でも“理解してる”って言えるのか？

“sliderproの画像をクリックしたら別のページへ飛ばす方法” への2件のフィードバック

jon

2016年1月8日

同じような現象で当該記事に行き着いた者です。

「touchSwipe」をtrueの状態で「class=”sp-image”」をaタグでリンクにした場合、
リンク機能が正常だったり、無効になったりと特に記述を変えていないのに挙動が安定しない状態となっている。
「touchSwipe」をfalseにすればリンク機能は正常になるが「touchSwipe」を有効の状態でかつリンクも機能するのがベスト・・・。

一体何が要因なのか特定出来ていない。

返信
mikaduki

2016年1月9日

コメントどうもです。touchSwipeがfalseだとってAタグ効いたんですね。
場当たり的な対処ですけど、キャプションのpタグの中にAタグ入れてイベント設定しております。ただ、画像をクリックしたらリンク先へ飛ぶってなるとお手上げですねぇ…。お力になれず申し訳ない。

返信